关于jquery同步和异步请求问题总结
问题
这几天做项目的时候,写脚本遇到一个问题,就是jquery异步请求和同步请求执行顺序不按代码顺序执行而是最后执行导致添加数据报错,添加到空值,这怎么忍,于是我去查找jquery api,终于知道了原来jquery默认异步请求,防止数据卡死,终于让我找到了这货 async,当async: true 时,ajax请求是异步的。当async : true 时,就是同步的,但是我又有个问题,怎么设置,这个在哪设置,用$.ajax去写这个操作,不,不太麻烦了,到底怎么解决
解决方案
方案一
用$.ajax方法,可以设置请求方法 , 记得设置 async 为 false 就是同步了,下面是代码案例
$.ajax({
type : "GET",//请求方式
url : '/address/getParentId',//请求url
data : {parentId : parentId},//请求参数
dataType : 'json',//返回数据类型
async : false, //设为false就是同步请求
cache : false,//是否缓存,默认true
success : function (addressList) {//成功事件
if(addressList && addressList.length > 0){
$.each(addressList, function(index, item){
array.push({
id : item.id,
name : item.address,
});
});
}
},
error : function (XMLHttpRequest, textStatus, errorThrown) {//失败事件
// 通常情况下textStatus和errorThown只有其中一个有值
this; // the options for this ajax request
}
});
利用 $.ajaxSetup 来设置请求属性
//设置同步
$.ajaxSetup({
async : false
});
var array = [];
$.get('/address/getParentId',{parentId : parentId},function(addressList){
//循环添加数据
$.each(addressList, function(index, item){
array.push({
id : item.id,
name : item.address,
});
});
});
这样的话就ok了,请求的时候是同步了
结语
新人第一篇博文,不足之处请指出,我会改进的,谢谢
参考:JQuery.Ajax之错误调试帮助信息
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。