使用 jQuery 部分刷新元素

Question

在我网站的某些地方，它会从用户手机接收“成绩”（葡萄牙语中的“notas”）。因此，当收到成绩时，必须在网站的这一点更新几个元素。我正在尝试使用 jQuery 进行刷新，但它不起作用。这就是我正在做的事情：

<script type="text/javascript">  
  $(document).ready(function() {
    setInterval(function() { refresh() }, 3000);
  });

  function refresh() {    
    $.get("notas", function(data) {
      var chart = $(data).find('img').attr('src');
      var conclusion = $(data).find("#conclusion").html();

      $("img").attr('src', char);
      $("#conclusion").html(conclusion);      
    });    
  }
</script>

因此，当添加成绩时，该 ajax get 返回一个 html 设置，因此我从该 html 字段中提取并尝试在当前页面上替换。但是浏览器没有任何反应，没有更新。

当我用“ctrl + U”可视化源代码时，（在添加新分级后）看起来不错，但它不是这样渲染的。我想我不会让浏览器知道服务器上发生了一些变化。

抱歉这篇大文章，有什么想法我错过了什么吗？

谢谢！

Answer 1

您无法通过查看 HTML 文档的源代码来了解您使用 jQuery 所做的动态更改。你需要一个 DOM 检查工具，比如 FireBug 或 Chrome Dev。工具。

我注意到的一些事情：

1. “notas”是服务器端脚本的正确 URL 吗？
2. 您的服务器响应似乎有一个 ID 为“conclusion”的元素，并且您在页面上已有相同的 ID。这不好，每个 ID 都应该是唯一的。
3. 你有这行：$("img").attr('src', char); 这似乎对 DOM 没有任何作用，你正在创建的图像没有被添加到页面的任何地方...