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

如果＆＃34;形式＆＃34;是一个div id，需要$('#form')而不是$('form')。后者会将chat.php加载到页面上的每个表单元素中。

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

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