我注意到在运行下面的 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/