0

我有以下测试代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ajax - one variable test</title>
 <style>
   body{ font-size: 12px; font-family: Arial;}
 </style>

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<ol id="variable1"><var1></ol>

<script>
setInterval(function()
 {
  $("#variable1").load("ajax_v00.html")
 },3000);
</script>


</body>
</html>

我正在使用向 var1 报告状态的嵌入式 Web 服务器。

示例：好的或抬头

以上使我测试过的任何浏览器崩溃。有人可以看看我做错了什么吗？

谢谢你。

4

1 回答 1

2

请求可能需要超过 3 秒的时间才能执行，因此会堆叠请求，直到浏览器无法处理所有请求并崩溃……您应该使用超时，该超时将在最后一个完成后 3 秒执行请求。这里：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ajax - one variable test</title>
 <style>
   body{ font-size: 12px; font-family: Arial;}
 </style>

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<ol id="variable1"><var1></ol>

<script>
function doRefresh()
 {
  $.ajax({
     url:"ajax_v00.html",
     success:function(data){
         $("#variable1").html(data);
         setTimeout(doRefresh,3000);
     }
  });
}
setTimeout(doRefresh,3000);
</script>


</body>
</html>
于 2013-08-30T15:51:58.557 回答