這次帶給大家使用ajax校驗註冊的使用者名稱是否存在，使用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程式碼運行中的時候其他程式碼一樣可以運行。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是使用ajax校驗註冊的使用者名稱是否存在的詳細內容。更多資訊請關注PHP中文網其他相關文章！
