Ajax 不是一種新的編程語(yǔ)言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的Web應(yīng)用程序的技術(shù)。

　　使用 JavaScript 向服務(wù)器提出請(qǐng)求并處理響應(yīng)而不阻塞用戶！核心對(duì)象XMLHTTPRequest。通過(guò)這個(gè)對(duì)象，您的 JavaScript 可在不重載頁(yè)面的情況與 Web 服務(wù)器交換數(shù)據(jù)，即在不需要刷新頁(yè)面的情況下，就可以產(chǎn)生局部刷新的效果。

　　Ajax 在瀏覽器與 Web 服務(wù)器之間使用異步數(shù)據(jù)傳輸（HTTP 請(qǐng)求），這樣就可使網(wǎng)頁(yè)從服務(wù)器請(qǐng)求少量的信息，而不是整個(gè)頁(yè)面。

　　Ajax可使因特網(wǎng)應(yīng)用程序更小、更快，更友好。

　　Ajax 是一種獨(dú)立于 Web 服務(wù)器軟件的瀏覽器技術(shù)。　Ajax 基于下列 Web 標(biāo)準(zhǔn)：

　　JavaScript、XML、HTML與 CSS 在 Ajax 中使用的 Web 標(biāo)準(zhǔn)已被良好定義，并被所有的主流瀏覽器支持。Ajax 應(yīng)用程序獨(dú)立于瀏覽器和平臺(tái)。

　　Web 應(yīng)用程序較桌面應(yīng)用程序有諸多優(yōu)勢(shì)；它們能夠涉及廣大的用戶，它們更易安裝及維護(hù)，也更易開(kāi)發(fā)。

　　不過(guò)，因特網(wǎng)應(yīng)用程序并不像傳統(tǒng)的桌面應(yīng)用程序那樣完善且友好。通過(guò) Ajax，因特網(wǎng)應(yīng)用程序可以變得更完善，更友好。

　　ajax實(shí)例調(diào)用方法

　　1.新建demo.aspx頁(yè)面。

　　2.首先在該頁(yè)面的后臺(tái)文件demos.aspx.cs中添加引用。

　　using System.Web.Services;

　　3.無(wú)參數(shù)的方法調(diào)用。

　　大家注意了，這個(gè)版本不能低于.net framework 2.0。2.0已下不支持的。后臺(tái)代碼：

　?。踂ebMethod］ public static string SayHello（） { return “Hello Ajax！”; }

　　JS代碼：

　　$（function（） { $（“#btnOK”）.click（function（） { $.ajax（{ //要用post方式 type： “Post”， //方法所在頁(yè)面和方法名 url： “Demo.aspx/SayHello”， contentType： “application/json; charset=utf-8”， dataType： “json”， success： function（data） { //返回的數(shù)據(jù)用data.d獲取內(nèi)容 alert（data.d）; }， error： function（err） { alert（err）; } }）; //禁用按鈕的提交 return false; }）; }）;

　　頁(yè)面代碼：

　　《form id=“form1” runat=“server”》 《div》 《asp:Button ID=“btnOK” runat=“server” Text=“驗(yàn)證用戶” /》 《/div》 《/form》

　　運(yùn)行效果如下：

　　3.有參數(shù)方法調(diào)用后臺(tái)代碼：

　　［WebMethod］ public static string GetStr（string str， string str2） { return str + str2; }

　　JS代碼：

　　$（function（） { $（“#btnOK”）.click（function（） { $.ajax（{ type： “Post”， url： “demo.aspx/GetStr”， //方法傳參的寫(xiě)法一定要對(duì)，str為形參的名字，str2為第二個(gè)形參的名字 data： “{‘str’：‘我是’，‘str2’：‘XXX’}”， contentType： “application/json; charset=utf-8”， dataType： “json”， success： function（data） { //返回的數(shù)據(jù)用data.d獲取內(nèi)容 alert（data.d）; }， error： function（err） { alert（err）; } }）; //禁用按鈕的提交 return false; }）; }）;

　　運(yùn)行效果如下：

　　4.返回?cái)?shù)組方法

　　后臺(tái)代碼：

　?。踂ebMethod］ public static List《string》 GetArray（） { List《string》 li = new List《string》（）; for （int i = 0; i 《 10; i++） li.Add（i + “”）; return li; }

　　JS代碼：

　　$（function（） { $（“#btnOK”）.click（function（） { $.ajax（{ type： “Post”， url： “demo.aspx/GetArray”， contentType： “application/json; charset=utf-8”， dataType： “json”， success： function（data） { //插入前先清空ul $（“#list”）.html（“”）; //遞歸獲取數(shù)據(jù) $（data.d）.each（function（） { //插入結(jié)果到li里面 $（“#list”）.append（“《li》” + this + “《/li》”）; }）; alert（data.d）; }， error： function（err） { alert（err）; } }）; //禁用按鈕的提交 return false; }）; }）;

　　頁(yè)面代碼：

　　《form id=“form1” runat=“server”》

　　《div》

　　《asp:Button ID=“btnOK” runat=“server” Text=“驗(yàn)證用戶” /》

　　《/div》

　　《ul id=“l(fā)ist”》

　　《/ul》

　　《/form》

　　運(yùn)行結(jié)果圖：