javascript - 如何区分jquery上使用codeigniter从mysql获取数据的两个数组

Question

你知道，我真的很混淆使用 jquery 和 codeigniter。我创建了一个 Web 应用程序来监视用户的请求表单。我有一个 html View ，显示了这样的表格:

+---------------+--------------------+
| id_request    |  comment_bapak     |
+---------------+--------------------+
|   001         |                    |
|   002         |                    |
|   003         |                    |
+---------------+--------------------+

我想在用户插入“comment_bapak”列时在 jquery 或 javascript 中创建一些警报。因此，我在 jquery 上使用自动刷新页面。假设，插入了一个用户“这是 id_request 002 的注释”，然后，在网页上将显示 alert("Request 002 has insert") 和表将像这样刷新。

+---------------+---------------------------------+
| id_request    |  comment_bapak                  |
+---------------+---------------------------------+
|   001         |                                 |
|   002         |This is comment of id_request 002|
|   003         |                                 |
+---------------+---------------------------------+

所以，这是我的代码

型号

public function getKomentarMD() {
    $this->db->select('id_request, comment_bapak');
    $query = $this->db->get('tbl_requestfix');
    return $query->result_array();
}

Controller

public function getKomentarMD() {
    $row = $this->model_request->getKomentarMD();
    echo json_encode($row);
}

查看

<td class="sorting1" id='no_request' data-id-reseh="<?php echo $data['id_request']; ?>"><?php echo $data['id_request']; ?></td>
<td class="center" id="tanggap_md"><?php echo $data['jawaban_bapak']; ?> /td>

Jquery

function refreshAkibatCommentMD() {
    var temp[];
    var requestMasuk = $('#tanggap_md').text();
    var audioElement = document.getElementById('notif-md');

    audioElement.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);

    setTimeout(function() {
        $.ajax({
            url: '<?php echo base_url() . 'control_closing/getKomentarMD/' ?>',
            type: 'POST',
            dataType: 'json',
            success: function(obj) {
                audioElement.play(); //playing tone
                alert(obj.comment_bapak);// debugging

                ?? Please help...

                refreshAkibatCommentMD();
            }
        });
    }, 5000);
}

我有 2 个问题。

1. 为什么alert(obj.comment_bapak)给我未定义？
2. 我想，我应该在 jquery 上创建一个新数组作为临时数组，以区别从自动刷新获得的新数组？

非常感谢任何帮助和建议。

更新

-----------------------------------------------------------

我有两个页面，第一个是用户表单，第二个是监控页面。两个页面都有相同的表格显示。我的意思是，当用户更新表上的行时，该行已更新的监控页面上会出现警报通知。所以我使用 Jquery/Js 来处理这个问题。

我有一个这样的想法。

1. 第一次加载监控页面时，从数据库中调用所有id、comment_bapak并保存为第一个数组对象。

2. 在JS/Jquery上自动刷新，使用ajax从数据库调用所有id，comment_bapak并保存为第二个数组对象。因此，假设用户更新了某些行，则与第一个数组对象会有所不同。我说得对吗？

3. 检查对象上的所有项目。查找两个数组之间的不同，当找到时，它一定是一个警报通知？

4. 如果成功，则将第一个数组对象的值更改为第二个数组对象。等等等等...

你有什么想法吗？

Answer 1

关于第一个问题:console.log(obj) 的输出表明您获得了一个对象数组。我没有看到任何提及从数据库中选择特定行的位置，并且 ajax 响应包含所有行，而不仅仅是已更改的行。所以我怀疑你的方法是只接收所有评论。

您可以保留一个带有“当前”注释的额外数组(这就是您对第二个问题的意思吗？)并将其与 json 对象进行比较。

在页面中，还用 javascript 创建一个对象(“关联数组”):

var current_comments = {
    1: null,
    2: null.
    3: null
);

包含数据库中的所有 ID 和评论。

然后，在 ajax success-function 中，执行如下操作:

success: function(obj) {
    var id, comment;
    audioElement.play(); //playing tone
    foreach (item in obj) {
        id = parseInt(item['id_request'], 10);
        comment = item['comment_bapak'];
        if (current_comments[id] !== comment) {
            // the comment changed!
            alert(comment);// debugging
            refreshAkibatCommentMD();
        }
    }
}

<小时/>

更新

(更新您的问题)

按照你的想法:

1:是的。这就是我建议的 current_comments 对象。良好的起点。

2 和 3:当然可以将 ajax 结果存储在单独的对象中，但这也是您从 ajax 调用中获得的结果。因此，遍历从 ajax 调用获得的对象会更容易(并且使用更少的资源)。对于列表中的每个项目，检查它是否等于“旧”情况。如果没有:警报。

4:是的，当然您需要将新结果存储到第一个对象(current_comments)中。

所以，基本上，你的建议已经在我的答案中了。我不确定函数 refreshAkibatCommentMD() 的作用，但如果您为其提供 id 和 comment (在循环中)，那么这个函数就可以更新current_comments对象。

success: function(obj) {
    var id, comment;
    audioElement.play(); //playing tone
    foreach (item in obj) {
        id = parseInt(item['id_request'], 10);
        comment = item['comment_bapak'];
        if (current_comments[id] !== comment) {
            // the comment changed!
            alert(comment);// debugging
            refreshAkibatCommentMD(id, comment);
        }
    }
}

function refreshAkibatCommentMD(id, comment) {
    // some logic to update the comment for row with id
}

小提示:您可能想了解一下 JavaScript 中数组和对象之间的区别。数组不能是“关联的”；在这种情况下它永远是一个对象!例如，参见this answer on StackOverflow .