Rumah > Artikel > hujung hadapan web > js中同步、闭包与异步请求结合的简单理解
先看下同步的请求
后台收到的是0~10
ajax的回调输出的也是0~10
for (var index = 0; index <= 10; index++) { $.ajax({ async: false,//同步 url: '/HelloWorld', type: 'POST', dataType: 'html', data: {index: index} }).done(function () { console.log(index); }) }
换成异步之后
后台收到的数据发生了变化 不是预期的0~10
ajax的回调输出的同样如此 变成了11个11
ajax执行的循序排在了for循环执行之后 i变成了11
需要在ajax执行时保持对i的引用才能达到预期的效果
for (var index = 0; index <= 10; index++) { (function (num) {//形参 $.ajax({ async: true,//异步 url: '/HelloWorld', type: 'POST', dataType: 'html' }) .done(function () { console.log(num); }) })(index)//实参}
这样后台接收到的值 就可以和前台输出的值一致
先看下同步的请求
后台收到的是0~10
ajax的回调输出的也是0~10
for (var index = 0; index <= 10; index++) { $.ajax({ async: false,//同步 url: '/HelloWorld', type: 'POST', dataType: 'html', data: {index: index} }).done(function () { console.log(index); }) }
换成异步之后
后台收到的数据发生了变化 不是预期的0~10
ajax的回调输出的同样如此 变成了11个11
ajax执行的循序排在了for循环执行之后 i变成了11
需要在ajax执行时保持对i的引用才能达到预期的效果
for (var index = 0; index <= 10; index++) { (function (num) {//形参 $.ajax({ async: true,//异步 url: '/HelloWorld', type: 'POST', dataType: 'html' }) .done(function () { console.log(num); }) })(index)//实参}
这样后台接收到的值 就可以和前台输出的值一致
相关文章:
js中同步与异步处理的方法和区别总结_javascript技巧
相关视频:
Atas ialah kandungan terperinci js中同步、闭包与异步请求结合的简单理解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!