javascript - 运行使用 json 的 ajax 函数后,浏览器保持加载(加载指示器保持旋转)

标签 javascript jquery html ajax json

我注意到在运行下面的 ajax 函数后,“正在加载”指示器一直在旋转。我尝试了几种选择,但都没有用。这在所有 3 种浏览器(IE、Firefox 和 Chrome)中都会发生。我使用了 Chrome 中的“检查元素”,但网络选项卡上没有显示任何内容。我究竟做错了什么?

此外,正如您可能注意到的那样,我尝试循环打印所有项目,但没有成功。如果有人能告诉我如何编写一个循环来打印这些信息,我将不胜感激。感谢您的宝贵时间。

<html>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $.ajax({
            url: 'http://api.wmata.com/Rail.svc/json/JStations?LineCode=GR&api_key=kfgpmgvfgacx98de9q3xazww',
            dataType: 'jsonp',
            async: false,
            timeout: 5,
            success: function(data){
                // $.each(data, function() {
                // $.each(this, function(key,value){ 
                // alert (key);
                //})
                // $.each(data, function(i,v){
                //$('#div_id').append(v.Stations.Address.City); }
                var name = data.Stations[0].Address.City;
                var name2 = data.Stations[0].Code;
                var name3 = data.Stations[0].Name;

                document.write(name+" "+name2+" "+name3);
            }
        });
    </script>
</html>

最佳答案

我修改了您的代码,并没有将成功函数作为 ajax 的属性,而是像这样将它绑定(bind)到 ajax 本身。

$.ajax({
  url: 'http://api.wmata.com/Rail.svc/json/JStations?LineCode=GR&api_key=kfgpmgvfgacx98de9q3xazww',
  dataType: 'jsonp',
  async: false,
  timeout: 5,
}).success(function(data){
  $.each(data.Stations, function(i,v){
    $('body').append(' '+v.Address.City); 
  });
}); 

关于javascript - 运行使用 json 的 ajax 函数后,浏览器保持加载(加载指示器保持旋转),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25678942/

相关文章:

jquery - 使用 jQuery 使用数组的第 n 个值填充第 n 个表单元素

javascript - 使用 jquery 检查输入字段的内容

javascript - 给div图像标题

javascript - 使用 Firefox Add-on Builder 并且扩展不起作用

javascript - HTML 如何更改单击时的图像

javascript - 我应该使用哪个库在 Node.JS 上进行服务器端图像处理?

jQuery-Mask-Plugin 用于屏蔽电子邮件地址和网址

javascript - 进度条功能在一次调用后中断

html - 为什么我的动画方向不是 :alternate work?

html - 如何不包装div的内容?