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

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

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

Answer 3

使用Chrome打开它，打开Web Inspector（右键单击＆gt;检查元素），然后转到网络选项卡并刷新网站

您应该会看到您的网站正在加载的所有资源，包括任何AJAX请求你可以清楚地看到还在装载什么

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

3 个答案: