浏览器在运行使用json的ajax函数后继续加载(加载指示器一直在旋转）

Browser keeps loading ( Loading indicator keeps spinning) after running ajax function that uses json

本文关键字：加载 继续 指示器 一直 旋转 函数 运行 json ajax 浏览器      更新时间：2023-09-26

我注意到，在运行下面的ajax函数后，"加载"指示器一直在旋转。我尝试了几种选择，但都不起作用。这在所有三种浏览器（IE、Firefox和Chrome）中都会发生。我使用了Chrome中的"inspect元素"，但网络选项卡上没有显示任何内容。我做错了什么？

此外，正如你可能注意到的，我试图循环打印所有项目，但没有成功。如果有人能教我如何写一个循环来打印这些信息，我将不胜感激。谢谢你抽出时间。

<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的属性，而是像这样将其绑定到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); 
  });
});
相关文章：