jquery $.ajax()异步请求设置

最新推荐文章于 2024-07-09 15:51:39 发布

原创最新推荐文章于 2024-07-09 15:51:39 发布 · 802 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用jQuery发起AJAX请求的例子，并详细解释了如何通过设置async属性来区分同步与异步请求。文章展示了如何处理请求成功及失败的情况，并提供了具体的JavaScript代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax()默认是同步请求，如果同时发出几个请求，会出现请求与返回数据不同步现象。其原因是没有设置异步;使用属性async: false,来设置为异步请求

$.ajax({

url: "<%=context%>/dms-select/chnlSetCardAction!loadProductType.do",
type:"post",
async: false,
data:'',
success: function(data) {
var datas = $.evalJSON(data);
if(datas.success){
var html = "<option value=''>全部</option>";
var list = datas.obj.msgbody.list;
if(list.length > 0){
for(var i=0; i<list.length; i++){
html += "<option value='"+list[i].product_id+"'>"+list[i].product_name+"</option>";
}
$("#productType").append(html);
//注册onchange事件
$("#productType").change(function(){
createTable($(this).val(),'','');
//alert($(this).val());
});
}

}
},
error: function(data) {
$.messager.alert('提示信息','系统调用类别接口操作出现异常！','error');
}
});