javascript - 具有不同 ID 的 HTML 表正在从 AJAX 回调接收相同的值

Question

这个问题快把我逼疯了!!情况是这样的，我有一个来自 AJAX post 方法的回调数据，我需要将其传递到不同的 HTML 表，其中将有 7 个不同的表。我已经实现了使用不同对象从 Controller 接收数据。今天早些时候，我制作了第一个表，该表工作得很好，但是当我想再次从 ajax 回调数据将值传递到具有不同数据的不同表时，两个表即使 ID' 不同，即使第二个没有 ID，也会收到相同的值......老实说，这让我发疯了。

这是我的 AJAX post 方法以及回调数据:

$(document).ready(
    function() {
      $('#call_back_btn').click(function() {
            $.post("/app_dev.php/AjaxSearch", {
                  person_name: $('#input_text').val()
                },
                function(data) {

                  objConnectors = data[0];
                  objContacts = data[1];
                  var ParseConnector = JSON.parse(objConnectors);
                  var ParseContacts = JSON.parse(objContacts);
                  var cycles;

                  for (cycles = 0; cycles < ParseConnector.length; cycles++) {
                    $('tbodyCONNECTOR').append('<tr>' + ParseConnector[cycles].id + '</td><td>' + ParseConnector[cycles].n_c + '</td><td>' + ParseConnector[cycles].description + '</td></tr>');
                  }

                  for (cycles = 0; cycles < ParseContacts.length; cycles++) {
                    $('tbodyCONTACT').append('<tr>' + ParseContacts[cycles].id + '</td><td>' + ParseContacts[cycles].n_c + '</td><td>' + ParseContacts[cycles].description + '</td></tr>');
                  }
                }

如您所见，附加内容不同

这是 HTML:

div class="bs-example" data-example-id="panel-without-body-with-table">
    <div class="panel panel-default">
        <div class="panel-heading">Available connectors</div>
        <table id="Connectors">
            <thead>
            <tr>
                <th>12NC</th>
                <th>Description</th>
            </tr>
            </thead>
            <tbody id="tbodyCONNECTOR">

            </tbody>

        </table>
    </div>
</div>

<div class="bs-example" data-example-id="panel-without-body-with-table">
    <div class="panel panel-default">
        <div class="panel-heading">Available Contacts</div>
        <table id="Contacts">
            <thead>
            <tr>
                <th>12NC</th>
                <th>Description</th>
            </tr>
            </thead>
            <tbody id="tbodyCONTACT">

            </tbody>
        </table>
    </div>
</div>

这是两个表。 我得到的值始终是第一个值，因此:ParseConnector 我将非常感谢任何帮助!

Answer 1

$('tbodyCONNECTOR').append("..."); 

和

$('tbodyCONTACT').append("...");

缺少哈希符号。

尝试使用$('#tbodyCONNECTOR').append("...");

tbodyCONTACT 也是如此