javascript - JQuery - 自动刷新（复制表单）

Question

我正在使用这个脚本每隔 x 秒更新一次我的 div。

<script type="text/javascript" src="jquery.js"></script>
<script>
    var auto_refresh = setInterval(
    function ()
    {
    $('chatbox').load('chat.php').fadein('slow')
    }, 1000); // refresh every 1000 milliseconds
</script>

我用它来更新聊天的 div，但是，当我查看我的页面时，它复制了我的整个页面并显示在页面末尾，没有任何工作，提交表单和 div 重复，计算机使用率达到 99% .

这有什么不对吗？

Answer 1

如果 "form" 是一个 div id，它必须$('#form')不是$('form')。后者会将 chat.php 加载到页面上的每个表单元素中。

此外，请确保 chat.php 仅打印您需要的表单元素，而不是整个页面。jQuery 提供了解析您需要的内容的功能，$('#form').load('form.php #form');.

请记住，服务器仍在将整个页面发送给客户端，这是低效的。如果这是您的问题，请考虑修改您的 php 以仅发送 JSON（或类似）数据，并根据需要在客户端对其进行格式化。