Ajax同步和异步问题浅析及解决方法

网络编程 2024/12/26 佚名

3 1 2

通过ajax向后台发送和接收数据时，常常会出现同步异步问题。由于ajax是默认异步加载的，但有时候需要同步或者同步的效果，有以下两种解决方案。

方案一：将某些方法放在回调函数中执行，即，等到从后台返回成功后再执行。

例：

$.getJSON("/data-access/sens-config/IPandPortSel",{},function(resp){
if(resp.code==0){
$.each(resp.data,function(i,obj){
option_net_type += addOption(obj);
});
$("#edit-addr_id").append(option_net_type);
addr_idOld = $('#edit-addr_id').val(addr_id);
}
});

红色的部分必须在数据返回成功后执行，如果放在if(resp.code==0){}外面（（但放在$.getJSON(）；后面）会存在数据还没从后台返回，就已经执行到红色部分代码了。

方法二：利用标准ajax传递方式

 $.ajax({ 
  type : "post", 
  url : "/data-access/manufacturer/deleteBranch", 
  data : data, 
  async : false,//取消异步 
  success : function(resp){
if(resp.code==0){
if(ids.length>=currentListNum&&currentPage!=1){
currentPage = currentPage - 1;
}
var para = {
mypara :currentPage,
startPage : currentPage,
};
$('div.page-box').data('myPage').setOptions({data: para});
}
  } 
 });

注意：这种方式只是局部的同步传输方式，不会对其他传输造成影响，是比较安全和推荐的一种

方式。

还存在另外一种方式：

// $.ajaxSettings.async = false;
// $.getJSON("/data-access/ip-config/deleteBranch",data,function(resp){
// if(resp.code==0){
// if(ids.length>=currentListNum&&currentPage!=1){
// currentPage = currentPage - 1;
// }
// var para = {
// mypara :currentPage,
// startPage : currentPage,
// };
// $('div.page-box').data('myPage').setOptions({data: para});
// }
// });
// $.ajaxSettings.async = true;

这种方式是全局的，不是很推荐使用，因为会对其他ajax传输造成影响。

以上所述是小编给大家介绍的Ajax同步和异步问题浅析，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

ajax,同步和异步

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“Ajax同步和异步问题浅析及解决方法”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

Ajax同步和异步问题浅析及解决方法

Ajax实现城市二级联动（一）

纯JS实现AJAX局部刷新功能

评论“Ajax同步和异步问题浅析及解决方法”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接