在jquery中的AJAX调用中循环遍历URL

时间:2013-05-15 20:07:47

标签: javascript ajax jquery

所以我最近问了一个问题,关于在json中使用回调函数(Looping through AJAX and callbacks in jquery)从异步AJAX调用循环json文件中的数据,我得到了很多很好的帮助,但现在我想知道我是否要有3个不同的json文件(相同的结构和命名约定,但保持略有不同的数据)和它们的URL在一个名为myURL的数组中,是否有办法循环遍历所有三个URL的AJAX调用并输出它们各自的结果在网页上?以下是我的代码:

<html>
<head>
<title>Weather Data for Emergency Models</title>
<script src="jquery-1.9.1.min.js" type="text/javascript"></script> 
</head>

<body>
<script Language="JavaScript">

    //New Array for my URLs
    var myURL =  ["ticker1.json","ticker2.json","ticker3.json"];

    function hmm(callback) {

        $.ajax({
            url : myURL[j],  //<<<---Want to loop through this array
            dataType: 'json',
            success: function(response){
                    callback(response);
            }
        });

    }

    hmm(function(result) {
        $.each(result.test.msgOne,function(i,v){
        document.write(v);
        document.write('<br>');
        });
    });

</script>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

试试这个

for(var k=0,len=myURL.length; k<len; k++)   

            $.ajax({
                url : myURL[k++],  //<<<---Want to loop through this array
                dataType: 'json',
                success: function(response){
                        callback(response);
                }
            });
}

答案 1 :(得分:0)

 $.each(myURL,function(i,url){
     hmm(url,function(result) {
         $.each(result.test.msgOne,function(i,v){
           document.write(v);
           document.write('<br>');
         });
     });
 });

在你的功能中 -

function hmm(url,callback) {
        $.ajax({
            url : url,  
            dataType: 'json',
            success: function(response){
                 callback(response);
            }
        });
}