IE 中的 $.getJSON $.each 仅在刷新后才能正常工作答案

【问题标题】：$.getJSON $.each in IE only works correctly after refreshIE 中的 $.getJSON $.each 仅在刷新后才能正常工作
【发布时间】：2023-03-18 17:27:02
【问题描述】：

我正在使用 javascript 来输出图像，在 FF 和 Chrome 中一切正常，但在 IE 中，只有在您第一次加载页面时才会附加第一张图像，只有在刷新页面后才会附加所有图像。

Javascript 输出图片：

  $.getJSON("php/v.php?"+Math.random(),function(data){              
                $.each(data,function(l){
                        if(data[l]['s']==1){                
                             $("#img"+(l+1)).append("<img src='"+data[l]['img']+"' />");
                        }                   
                    });
        });

来自 v.php 的 IE9 开发工具响应：

[{"img":"https:\/\/www.example.com\/example.jpg","s":"1"},{"img":"https:\/\/www.example.com\/example.jpg","s":"1"},{"img":"https:\/\/www.example.com\/example.jpg","s":"1"}]

所以问题应该是由每个元素而不是getJSON引起的。在 stackoverflow 上发现了许多类似的问题，但没有类似的问题（http://stackoverflow.com/questions/7785138/each-method-only-applies-to-first-element-in-ie，http://stackoverflow.com/questions/4664190/javascript-each-loop-over -json-only-getting-first-element) 但在我的情况下，问题也出现在 IE9 中。

【问题讨论】：

你可以试着把你的 Javascript 放在 $(document).ready(function () { }

标签： javascript jquery json

【解决方案1】：

我认为你可以先在本地浏览器中这样调试：

var data= [{},{},{}];//your data

$.each(data,function(l){
    if(data[l]['s']==1){                
        $("#img"+(l+1)).append("<img src='"+data[l]['img']+"' />");
    }                   
});

//and this way
for(var i=0,l=data.length; i<l; i++){
    if(data[l]['s']==1){                
        $("#img"+(l+1)).append("<img src='"+data[l]['img']+"' />");
    } 
}

//and the third way
for(var i=0,l=data.length; i<l; i++){
    if(data[l]['s']==1){
        var img = new Image();
        img.onload = function(){
            var id = '#img'+(l+1);
            $(id).append(this);
        }
        img.src = data[l]['img'];
    } 
}

【讨论】：

更改了我的代码以使用您的第二种调试方式，现在它可以正常工作，很奇怪。

【解决方案2】：

您的 JSON 中有语法错误。第二个 URL 有两个结束的 " 引号

【讨论】：