ajax實例調用方法

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

　　使用 JavaScript 向服務器提出請求并處理響應而不阻塞用戶！核心對象XMLHTTPRequest。通過這個對象，您的 JavaScript 可在不重載頁面的情況與 Web 服務器交換數據，即在不需要刷新頁面的情況下，就可以產生局部刷新的效果。

　　Ajax 在瀏覽器與 Web 服務器之間使用異步數據傳輸（HTTP 請求），這樣就可使網頁從服務器請求少量的信息，而不是整個頁面。

　　Ajax可使因特網應用程序更小、更快，更友好。

　　Ajax 是一種獨立于 Web 服務器軟件的瀏覽器技術?！jax 基于下列 Web 標準：

　　JavaScript、XML、HTML與 CSS 在 Ajax 中使用的 Web 標準已被良好定義，并被所有的主流瀏覽器支持。Ajax 應用程序獨立于瀏覽器和平臺。

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

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

　　ajax實例調用方法

　　1.新建demo.aspx頁面。

　　2.首先在該頁面的后臺文件demos.aspx.cs中添加引用。

　　using System.Web.Services;

　　3.無參數的方法調用。

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

　　［WebMethod］ public static string SayHello（） { return “Hello Ajax！”; }

　　JS代碼：

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

　　頁面代碼：

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

　　運行效果如下：

　　3.有參數方法調用后臺代碼：

　?。踂ebMethod］ public static string GetStr（string str， string str2） { return str + str2; }

　　JS代碼：

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

　　運行效果如下：

　　4.返回數組方法

　　后臺代碼：

　　［WebMethod］ 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（“”）; //遞歸獲取數據 $（data.d）.each（function（） { //插入結果到li里面 $（“#list”）.append（“《li》” + this + “《/li》”）; }）; alert（data.d）; }， error： function（err） { alert（err）; } }）; //禁用按鈕的提交 return false; }）; }）;

　　頁面代碼：

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

　　《div》

　　《asp:Button ID=“btnOK” runat=“server” Text=“驗證用戶” /》

　　《/div》

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

　　《/ul》

　　《/form》

　　運行結果圖：