ajax設定async校正使用者名稱是否存在的實現方法_AJAX相關

新增一個使用者的時候，需要判斷這個手機號碼是否存在，最開始的想法很簡單在textbox上設定一個onmouseout事件，在IE下有很好的體現，但在Google上卻不是很有好

ok，換個思路，在提交表單的時候來檢驗：

//檢驗手機號碼是否存在function checkRepeat(){var id = '${item.id}';var mobile = $("#mobile").val();//alert(id);if(id==null||id==''){$.ajax({url: '/admin/adminuser/ajaxCheckReapet.shtml?mobile='+mobile,type: 'GET',dataType: 'text',cache:false,   async:false, timeout: 5000,error: function(){alert('資料擷取失敗!');},success: function(msg){if("1"==msg){$("#spMobile").attr("style","display:block;color:red;");$("#hiddenMobile").attr("value","true");}else{$("#spMobile").attr("style","display:none;");$("#hiddenMobile").attr("value","false");}}});}return true;}function save(){if(checkSImg()&&checkRepeat()){var hiddenMobile = $("#hiddenMobile").val();//alert(hiddenMobile);if(hiddenMobile=='false'){if($("#form1").form("validate")){$("#form1").submit();}}}}

然後在這個過程中發現一個很有意思的東西：hiddenMobile返回false的時候，表單仍然提交了

啊，糾結啊，又要動腦經，FK

我想啊想，想啊想，找啊找，突然間想到了async，雖然之前沒用過這個玩意，但蒙一下吧，加了個async:false，我擦，再次示範的時候，居然有作用了

cache:false,
async:false,

好，解決問題，再來深入研究一把：哼哼，又有收穫咯，自己看吧

async預設的設定值為true，這種情況為非同步方式，就是說當ajax發送請求後，在等待server端返回的這個過程中，前台會繼續 執行ajax塊後面的指令碼，直到server端返回正確的結果才會去執行success，也就是說這時候執行的是兩個線程，ajax塊發出請求後一個線程 和ajax塊後面的指令碼（另一個線程）

$.ajax({      type:"POST",      url:"Venue.aspx?act=init",       dataType:"html",      success:function(result){  //function1()       f1();        f2();     }      failure:function (result) {       alert('Failed');      },  }  function2(); 

在上例中，當ajax塊發出請求後，他將停留function1()，等待server端的返回，但同時（在這個等待過程中），前台會去執行function2(),也就是說，在這個時候出現兩個線程，我們這裡暫且說為function1() 和function2()。

當把asyn設為false時，這時ajax的請求時同步的，也就是說，這個時候ajax塊發出請求後，他會等待在function1（）這個地方，不會去執行function2()，知道function1()部分執行完畢。

注意

同步的意思是當JS代碼載入到當前AJAX的時候會把頁面裡所有的代碼停止載入，頁面出去假死狀態，當這個AJAX執行完畢後才會繼續運行其他字碼頁面假死狀態解除。

而非同步則這個AJAX代碼運行中的時候其他代碼一樣可以運行。

jquery的async:false,這個屬性

以上這篇ajax設定async校正使用者名稱是否存在的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援雲棲社區。