js循环里有请求服务,如何在success里获取到相应的循序次数值?

$http 是angularjs的模块
除了同步以外,还有其他办法做到以下这一点吗? 因为同步效果太慢了。
console.log里面打印的全是10.怎么让它打印0,1,2,3,4,5...以此类推

for(var i=0; i<10; i++){
            $http({
                url : "data.json",
                method : "GET"
            }).success(function(data){
                console.log(i)
            },function(error){
            })
        }


慕容3067478
浏览 810回答 1
1回答

收到一只叮咚

function&nbsp;send_http(j){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$http({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;:&nbsp;"data.json", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method&nbsp;:&nbsp;"GET" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).success(function(data){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(j) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},function(error){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) }for(var&nbsp;i=0;&nbsp;i<10;&nbsp;i++){ &nbsp;&nbsp;&nbsp;&nbsp;send_http(i); }原因是这样的,js发送http请求的时候,是异步的(ajax嘛)。所以你的success处理的回调函数是只有在请求有返回的时候才会被触发。也就是说,浏览器运行这个for循环的时候,只是发送了一个http请求,并不等待请求有返回,就直接i++了。这就导致ajax收到返回数据并触发回调函数的时候,那个for循环早就执行完了,此时的i也已经是10了。所以console.log(i)这个去输出i的值,得到自然都是10。然后通过建立一个函数,就可以把i的当前值先存到局部变量j里面,然后for循环完了,就会有10个j变量,互不干扰,就可以正常输出了。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript