Melaksanakan Ajax untuk mengesahkan sama ada nama pengguna wujud berdasarkan jQuery_jquery

Artikel ini berkongsi dengan anda kod pelaksanaan Ajax berdasarkan jQuery untuk mengesahkan sama ada nama pengguna wujud yang memerlukan boleh merujuk kepada kod sumber artikel ini.

Gambaran Keseluruhan jQuery.ajax

Permintaan HTTP untuk memuatkan data jauh.

Dilaksanakan oleh jQuery yang mendasari AJAX. Untuk pelaksanaan peringkat tinggi yang ringkas dan mudah digunakan, lihat $.get, $.post, dsb. $.ajax() mengembalikan objek XMLHttpRequest yang diciptanya. Dalam kebanyakan kes, anda tidak perlu memanipulasi objek ini secara langsung, tetapi dalam kes khas ia boleh digunakan untuk menamatkan permintaan secara manual.

$.ajax() hanya mempunyai satu parameter: kunci parameter/objek nilai, termasuk setiap konfigurasi dan maklumat fungsi panggil balik. Lihat pilihan parameter terperinci di bawah.
Nota: Jika anda menentukan pilihan dataType, sila pastikan pelayan mengembalikan maklumat MIME yang betul, (cth. xml mengembalikan "teks/xml"). Jenis MIME yang salah boleh menyebabkan ralat yang tidak dapat diramalkan.

Nota: Jika dataType ditetapkan kepada "skrip", maka semasa permintaan jauh (bukan di bawah domain yang sama), semua permintaan POST akan ditukar kepada permintaan GET. (Kerana teg skrip DOM akan digunakan untuk memuatkan)
Dalam jQuery 1.2, anda boleh memuatkan data JSON merentas domain Apabila menggunakannya, anda perlu menetapkan jenis data kepada JSONP. Apabila memanggil fungsi menggunakan format JSONP, seperti "myurl?callback=?"jQuery akan secara automatik menggantikan ? Apabila jenis data ditetapkan kepada "jsonp", jQuery akan memanggil fungsi panggil balik secara automatik.

Senarai parameter:

Terdapat beberapa parameter acara Ajax di sini: beforeSend, success, complete, error. Kami boleh menentukan acara ini untuk mengendalikan setiap permintaan Ajax kami dengan baik. Ambil perhatian bahawa ini dalam acara Ajax ini semua menunjuk kepada maklumat pilihan permintaan Ajax (sila rujuk gambar ini apabila bercakap tentang kaedah get()).
Sila baca senarai parameter di atas dengan teliti Jika anda ingin menggunakan jQuery untuk pembangunan Ajax, anda mesti biasa dengan parameter ini.
Contoh:

1. Minta halaman AJax.aspx

Kod HTML

<div> 
<input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> 
<div id="showResult" style="float:left">div> 
div> 

Kod JS

<script type="text/javascript" src="CSS/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function JudgeUserName() 
{ 
$.ajax({ 
type:"GET", 
url:"AjaxUserInfoModify.aspx", 
dataType:"html", 
data:"userName="+$("#txtName").val(), 
beforeSend:function(XMLHttpRequest) 
{ 
$("#showResult").text("正在查询"); 
//Pause(this,100000); 
}, 
success:function(msg) 
{ 
$("#showResult").html(msg); 
$("#showResult").css("color","red"); 
}, 
complete:function(XMLHttpRequest,textStatus) 
{ 
//隐藏正在查询图片 
}, 
error:function() 
{ 
//错误处理 
} 
}); 
} 
</script> 

2, halaman AjaxUserInfoModify.aspx

Kod belakang

protected void Page_Load(object sender, EventArgs e) 
{ 
string userName = Request.QueryString["userName"].ToString (); 
if (userName == "James Hao") 
{ 
Response.Write ("用户名已经存在！"); 
} 
else 
{ 
Response.Write ("您可以使用此用户名！"); 
} 
} 

Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.