Ajax同步和異步問題淺析及解決方法

更新時間：2017年02月19日 16:24:25 作者：abcyyjjkk

通過ajax向后臺發(fā)送和接收數(shù)據(jù)時，常常會出現(xiàn)同步異步問題。這篇文章給大家介紹Ajax同步和異步問題淺析，需要的朋友參考下

通過ajax向后臺發(fā)送和接收數(shù)據(jù)時，常常會出現(xiàn)同步異步問題。由于ajax是默認異步加載的，但有時候需要同步或者同步的效果，有以下兩種解決方案。

方案一：將某些方法放在回調(diào)函數(shù)中執(zhí)行，即，等到從后臺返回成功后再執(zhí)行。

例：

$.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);
}
});

紅色的部分必須在數(shù)據(jù)返回成功后執(zhí)行，如果放在if(resp.code==0){}外面（（但放在$.getJSON(）；后面）會存在數(shù)據(jù)還沒從后臺返回，就已經(jīng)執(zhí)行到紅色部分代碼了。

方法二：利用標準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同步和異步問題淺析，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章:

相關(guān)文章

Ajax請求響應中用window.open打開新窗口被攔截的解決方法
ajax 異步請求成功后需要新開窗口打開 url，使用的是 window.open() 方法，但是會被瀏覽器給攔截，怎么解決呢，下面小編給大家解答下
2016-08-08
Jquery $.ajax函數(shù)外的一段代碼的執(zhí)行順序
調(diào)用了JQuery的異步函數(shù)$.ajax ，然后在$.ajax函數(shù)外之后又有一段Jquery 代碼。每次都是在$.ajax之后的代碼先執(zhí)行
2014-06-06
Ajax 和 Asp 的編程
Ajax 和 Asp 的編程...
2006-10-10
ajax實現(xiàn)異步文件或圖片上傳功能
這篇文章主要為大家詳細介紹了ajax實現(xiàn)異步文件（圖片）上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
Ajax()方法如何與后臺交互
Ajax全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術(shù)。Ajax技術(shù)是目前在瀏覽器中通過JavaScript腳本可以使用的所有技術(shù)的集合
2016-03-03
Ajax對xml信息的接收和處理操作實例分析
這篇文章主要介紹了Ajax對xml信息的接收和處理操作,結(jié)合實例形式分析了ajax針對xml結(jié)構(gòu)信息的相關(guān)處理操作技巧,需要的朋友可以參考下
2019-07-07
ajax請求添加自定義header參數(shù)代碼
這篇文章主要介紹了ajax請求添加自定義header參數(shù)代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
淺析Ajax的原理及優(yōu)缺點
本文從ajax技術(shù)的背景、原理、ajax的名字，ajax所包含的技術(shù)等方面展開話題，介紹ajax的原理及優(yōu)缺點。本文關(guān)于ajax的原理及優(yōu)缺點介紹的非常詳細，具有參考借鑒價值，感興趣的小伙伴一起學習吧
2016-04-04
ajax的get請求時緩存處理解決方法
這篇文章主要介紹了ajax的get請求時緩存處理解決方法,詳細分析了常見的四種解決方法,非常具有實用價值,需要的朋友可以參考下
2015-02-02
基于Spring Boot利用 ajax實現(xiàn)上傳圖片功能
這篇文章主要介紹了Spring Boot利用 ajax實現(xiàn)上傳圖片功能,本文圖文實例相結(jié)合，給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-11-11