ajax中怎么通過設置async校驗用戶名是否存在

ajax中怎么通過設置async校驗用戶名是否存在，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

//檢驗手機號碼是否存在
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代碼運行中的時候其他代碼一樣可以運行。

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。