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){
            })
        }
阅读 4.9k
4 个回答

是不是可以先动手搜一下。。。

function send_http(j){
        $http({
            url : "data.json",
            method : "GET"
        }).success(function(data){
            console.log(j)
        },function(error){
        })
}

for(var i=0; i<10; i++){
    send_http(i);
}

原因是这样的,js发送http请求的时候,是异步的(ajax嘛)。所以你的success处理的回调函数是只有在请求有返回的时候才会被触发。也就是说,浏览器运行这个for循环的时候,只是发送了一个http请求,并不等待请求有返回,就直接i++了。这就导致ajax收到返回数据并触发回调函数的时候,那个for循环早就执行完了,此时的i也已经是10了。所以console.log(i)这个去输出i的值,得到自然都是10。

然后通过建立一个函数,就可以把i的当前值先存到局部变量j里面,然后for循环完了,就会有10个j变量,互不干扰,就可以正常输出了。

改下写法,原因可以自己找找其他的文章什么的。

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

用let声明i

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题