ajax設(shè)置async校驗(yàn)用戶名是否存在的實(shí)現(xiàn)方法

新增一個(gè)用戶的時(shí)候，需要判斷這個(gè)手機(jī)號(hào)碼是否存在，最開始的想法很簡單在textbox上設(shè)置一個(gè)onmouseout事件，在IE下有很好的體現(xiàn)，但在谷歌上卻不是很有好

ok，換個(gè)思路，在提交表單的時(shí)候來檢驗(yàn)：

//檢驗(yàn)手機(jī)號(hào)碼是否存在
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('數(shù)據(jù)獲取失敗!');},
			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();
			}
			
		}
	}
}

然后在這個(gè)過程中發(fā)現(xiàn)一個(gè)很有意思的東西：hiddenMobile返回false的時(shí)候，表單仍然提交了

啊，糾結(jié)啊，又要?jiǎng)幽X經(jīng)，F(xiàn)K

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

cache:false,
async:false,

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

async默認(rèn)的設(shè)置值為true，這種情況為異步方式，就是說當(dāng)ajax發(fā)送請(qǐng)求后，在等待server端返回的這個(gè)過程中，前臺(tái)會(huì)繼續(xù) 執(zhí)行ajax塊后面的腳本，直到server端返回正確的結(jié)果才會(huì)去執(zhí)行success，也就是說這時(shí)候執(zhí)行的是兩個(gè)線程，ajax塊發(fā)出請(qǐng)求后一個(gè)線程 和ajax塊后面的腳本（另一個(gè)線程）

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

在上例中，當(dāng)ajax塊發(fā)出請(qǐng)求后，他將停留function1()，等待server端的返回，但同時(shí)（在這個(gè)等待過程中），前臺(tái)會(huì)去執(zhí)行function2(),也就是說，在這個(gè)時(shí)候出現(xiàn)兩個(gè)線程，我們這里暫且說為function1() 和function2()。

當(dāng)把a(bǔ)syn設(shè)為false時(shí)，這時(shí)ajax的請(qǐng)求時(shí)同步的，也就是說，這個(gè)時(shí)候ajax塊發(fā)出請(qǐng)求后，他會(huì)等待在function1（）這個(gè)地方，不會(huì)去執(zhí)行function2()，知道function1()部分執(zhí)行完畢。

注意

同步的意思是當(dāng)JS代碼加載到當(dāng)前AJAX的時(shí)候會(huì)把頁面里所有的代碼停止加載，頁面出去假死狀態(tài)，當(dāng)這個(gè)AJAX執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他代碼頁面假死狀態(tài)解除。

而異步則這個(gè)AJAX代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。

jquery的async:false,這個(gè)屬性

以上這篇ajax設(shè)置async校驗(yàn)用戶名是否存在的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。