不断刷新ajax


continually refreshing ajax

我使用jquery和AJAX制作了一个简单的聊天脚本,但其中的巨大漏洞是我只能正确地与自己聊天:p

这是我的主文件的javascript

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"  type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function(){
$("#status").load('ajaxLoad.php');
$("#userArea").submit(function(){
    var hr = new XMLHttpRequest();
var id = '<?php echo $id; ?>';
var name = '<?php echo $name; ?>';

var url = "ajaxPost.php";
var msg = document.getElementById("messages").value;

 var vars = "messages="+msg+"&id="+id+"&name="+name;
hr.open("POST", url, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function() {
    if(hr.readyState == 4 && hr.status == 200) {
        var return_data = hr.responseText;
        $("#status").append(return_data);
    }
}
hr.send(vars);
return false;});
 });

这是我的第二个文件"ajaxLoad.php"

<?php
include_once "connect_to_mysql.php";
$sql = mysql_query("SELECT messages,id FROM chat");
while($row = mysql_fetch_array($sql))
    {
echo $row["messages"];

    }
    ?>

现在我需要的是不断刷新"ajaxLoad.php",这样用户就可以在不刷新页面的情况下实时聊天。。。有办法绕过这个吗?

// reload every second
setInterval(function() {
  $("#status").load('ajaxLoad.php');
}, 1000);

小心向服务器发出过多的请求。这将是相当密集的。

您可以使用javascript setInterval每隔x秒调用一次php脚本。

https://developer.mozilla.org/en/window.setInterval

如果你想获得流血优势,你应该研究WebSockets。

相关文章: