這篇文章我不會引用網上任何一篇文章的原話，全是自己的感受，相信會協助不少想知道AJAX是什麼東西和怎麼應用的人，因為我也是初學者，所以寫的可能會有不對的，不對的地方希望老程式員們能指出來千萬不要誤人子弟，這也是我寫這篇文章的另一個目的，好開始
註：我是使用ASP.NET的
AJAX的長篇理論我不想說，什麼全稱，什麼DOM，XMLHTTP什麼的網上資料一大堆自己去查，我們瞭解一下就行。
[不用AJAX的頁面不叫WEB2.0，是WEB2.0的頁面都會用AJAX的]
使用AJAX的目的沒別的，就是實現無重新整理更新頁面，所謂非同步就是不用執行背景程式，前台就會得到相應的改變值，從而實現前台頁面改變資料的目的，而這個改變的值還是通過後CS代碼操作改變的，聽起來會很不可意，這是怎麼作到的那，聽我慢慢說。
經過我這幾天的研究，在ASP.NET裡實現AJAX的方法可不只一種
1.有直接用架構的：這種我比較喜歡，因為比較乾淨，用自己的架構，我試過Ajaxpro和Prototype，這兩種我用過了，覺得不錯，以後我還會繼續用，Jquery其實也屬於這一範疇，今天研究半天，沒太明白，可能是我沒找到現成的架構吧，所以就不研究了
2.還有一種就是用微軟專門為Ajax開發的控制項包，叫作ASP.NET AJAX Control Toolkit，這個我沒太研究，網上有相關資料，想知道的可以自己去查，裡面有很多現成的控制項可以實現AJAX。
3.用VS2005的可以下個ASPAJAXExtSetup.msi，裡面有updatepanel控制項也可以實現AJAX，這個我只初步試了一下，也好用，不過原理還不太明白。
以上三種是我收集到的一些AJAX的實現方法，我要講的是第一種方法的應用，因為第一種能叫你明白AJAX的運行原理，比較適合初學者。
我主要講Ajaxpro，這是個組件，必須去網上下載，其實就是一個Ajaxpro.dll檔案，注意，網上有兩種一種叫Ajax.dll一種叫Ajaxpro.dll，這兩種功能上是一樣的，就是添加引用的語句有些不同，下面我會分別說的。其實用AJAX都要下相關組件的，開始我也不習慣下什麼外掛程式，可後來還是下了，不下不行呀。我下到的是Ajax.dll，所以講時以Ajax.dll為準。
應用篇，這以下的東西會借鑒網上其他人的文章，在這裡聲明一下
1.先把Ajax.dll添加引用到項目中，別告訴我不會，如果連這個也不會就太那個了，和添加其他DLL一樣，在項目上右擊，菜單上有個[添加引用]，然後一步一步把那個.DLL檔案添加進來，之後你會在項目的引用中看到那個Ajax.dll就是添加成功了
2.修改Web.config。在 <system.web> 元素中添加以下代碼。這裡的Ajax.dll和Ajaxpro.dll引用方法是不一樣的，一定要注意
<configuration>
<system.web>
<httpHandlers>
<!-- Ajax.dll的設定檔寫法為,我下載到的是這個 -->
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
<!-- AjaxPro.dll的設定檔寫法為，根據你下載到的DLL檔案選擇不同的配置語句-->
<add verb="*" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
</system.web>
</configuration>
3對AjaxPro用到的頁Page_Load事件中進行運行時註冊。如：
protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(_Default));//是Ajax.dll的
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));//Ajaxpro.dll的
}
//這的_Default是指頁面類的類名,就是這個頁面的名字。如是放在命名空間，則需要寫上完整的命名空間（如：namespaces._Default）
4建立伺服器端方法
[Ajax.AjaxMethod]//這句一定要有，如果你是Ajaxpro.dll就寫成[AjaxPro.AjaxMethod]
public string getValue(int a,int b)
{
//該方法我們將實現從用戶端傳入兩個數，在伺服器端相加計算後返回到用戶端。這裡可以寫在原來的頁後台中也可以單獨寫一個類。
return Convert.ToString(a+b);//這裡返回的就是前台得到的值，反正參數已經進CS檔案了，想怎麼操作就怎麼操作，包括讀庫都可以。
}
5 用戶端調用。
<%@ Page language="c#" Codebehind="WebPage1.aspx.cs" AutoEventWireup="false" Inherits="Web.WebPage1" %>
<script language="javascript">
function getValue()
{
//這裡如果是AjaxPor.dll就加Web._Default.getValue,如果是Ajax.dll就不用加命名空間如下
_Default.getValue(1,2,getGroups_callback);//該處即調用伺服器端的_Default.getValue方法。
//_Default就是寫getValue的那個類，如果寫在本頁CS裡就是WebPage1.getValue，1和2是參數。
//這在裡邊getGroups_callback指定的是個回呼函數，以接受伺服器端處理完後返回用戶端結果。
}
//這個方法使用者接受並處理伺服器端返回的結果。
function getGroups_callback(response)
{
var dt=response.value;//這個值就是最終傳回來的值，想怎麼用就怎麼用，反正回前台了。
document.getElementById("Div_1").innerHTML=dt;
}
</script>
<body>
<div id="Div_1"> </div>
<button onclick=getValue()>開始 </botton>
</body>
現在我們來分析一下如果點擊開始按鈕都執行了些什麼，首先在前台執行getValue()函數，getValue函數裡的 _Default.getValue(1,2,getGroups_callback);會執行背景CS函數，我覺得這裡才是AJAX的精髓，因為這裡的執行是通過Ajax組件無重新整理的執行後台CS函數的，通常我們要調用背景CS函數都是通過正常方法重新整理一下頁面執行後台綁定好的CS函數，這裡用Ajax就不用重新整理的執行背景那個getValue函數了，1和2是參數，要在getValue裡計算了，getGroups_callback這個參數是必須要有了，要不然你在CS裡傳東西回來用什麼接收呀，getValue函數在後台計算出結果來後，這種計算已經在後台了，想怎麼算就怎麼算，你想讀庫都沒問題，然後通過return傳回值，這個值是什麼都行，那怕是一段" <table> <tr> <td>HelloWorld </td> </tr> </table>"這樣的HTML代碼也行，前台用getGroups_callback（）這個JS函數接收這個值，然後就是前台調用了，想怎麼用就怎麼用了唄，隨你喜歡，這就是AJAX啟動並執行一個過程，從前台無重新整理到後台，計算後再返回前台，怎麼樣，明白了沒
以上就是我對AJAX的理解，也不知道對不對，不過我也是比較有自信的，呵呵，如果說的不對就請給我指出來，不要誤人子弟
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
