Question

经过大量的谷歌搜索，我正处于成功的尖端（我认为）。

我有一个相当大的页面，overview.php包含以下代码段：

<script>
  function getSummary(id)
  {
     $.ajax({
       type: "GET",
       url: '_table_category.php',
       data: "catid=" + id, 
       success: function(data) { 
            $('#summary').html(data);
            alert('Successfully called');
         },
         error: function(jqxhr, status, exception) {
             alert('Exception:', exception);
         }
     });
  }
</script>

在页面下方，我遍历一个数组并填充一个表。第一列如下：

<td> <a onclick="getSummary('<?php echo $expenses[$k]['categoryid']; ?>')"> <?php echo $expenses[$k]['shortdesc']; ?> </a>  </td>

然后在页面的下方，有一个包含详细信息的div：

      <div class="box">
        <div class="box-header"> <h3 class="box-title"> Details </h3> </div>
        <div class="box-body"> 
          <div id="#summary"> Select a category to see the details. </div>
        </div>
      </div>

加载页面时没有错误，也没有点击“链接”。如果我点击链接，它会弹出“预期成功呼叫”警报。

查看Chrome中开发者工具的“网络”标签，它会调用_table_category.php页面（带有catid的值），如果我点击它列出的链接（例如_table_category.php？catid = 35），预览窗格中的HTML格式正确。如果我然后手动将HTML粘贴到div中，它看起来就像希望的那样。

这让我觉得我错过了一些相当明显的东西，而我实际上并没有用结果替换div？

Answer 1

您的div的ID不正确。

<div id="#summary">

应该是：

<div id="summary">

#就在选择器中（它用于指定“按ID选择”）。

AJAX调用成功，但没有像预期的那样替换div

1 个答案: