jquery - 从服务器获取 json 后页面不会停止加载

Question

我正在使用此代码从服务器获取一些 json

$(function () 
  {
    $.ajax({                                      
      url: 'fetch.php',                          
      data: "",      
      dataType: 'json',                 
      success: function(data)          
      {
        jQuery.each(data, function() {
        document.write(this[0] + "<br/>" + this[1]);
         });
      }  
    });

  }); 

我在服务器端有这个

$rows = Array();
while($row = mysql_fetch_array($result)){
  array_push($rows, $row);
}
echo json_encode($rows);

当我尝试使用 json 加载我的 html 文件时，会显示数据，但页面不会停止加载。

Answer 1

我解决了问题。我改变了

document.write(this[0] + "<br/>" + this[1]);

到

$(document.body).append(this[0] + "<br/>" + this[1]);

但我不能声称完全是自己完成的。我从这篇文章中得到了一个提示 Browser doesn't stop loading with jQuery $.get

Answer 2

这段代码在哪里？您是否尝试在就绪事件中执行它：

$(document).ready(function(){
    // your ajax call here...
});

Answer 3

用 Chrome 打开它，打开 Web Inspector（右键单击 > 检查元素）并转到 Network 选项卡并刷新网站

您应该看到您的网站正在加载的所有资源，包括任何 AJAX 请求，并且您可以清楚地看到仍在加载的内容