Ajax使用初步
?Ajax定義為“Asynchronous JavaScript + XML”的簡稱，也就是異步的JavaScript和XML處理。從原理上看，主要是Ajax可以通過調用HttpRequest實現與服務器的異步通訊，并最終在網頁中實現豐富友好的用戶界面
Ajax使用初步，配置步驟
1.把Ajax.dll copy到應用系統bin目錄下，然后在工程引用中引用Ajax.dll，如果沒有的話可以下載/Files/singlepine/Ajax.rar
2.配置web.config，添加如下信息
??<add?verb="POST,GET"?path="ajax/*.ashx"?type="Ajax.PageHandlerFactory,?Ajax"?/>
</httpHandlers> 3.假設應用系統叫Document，目錄格式為Pages/AjaxTest
4.在Pages/AjaxTest下建立cs文件AjaxMethod.cs，添加如下方法
//[Ajax.AjaxMethod]
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public?static?string?GetNIVNumber(string?str)
{
?return?str;
} 5.在Pages/AjaxTest下建立頁面AjaxForm.aspx
<HTML>
?<HEAD>
??<title>AjaxForm</title>
??<meta?name="GENERATOR"?Content="Microsoft?Visual?Studio?.NET?7.1">
??<meta?name="CODE_LANGUAGE"?Content="C#">
??<meta?name="vs_defaultClientScript"?content="JavaScript">
??<meta?name="vs_targetSchema"?content="http://schemas.microsoft.com/intellisense/ie5">
??<script?language="javascript">
??function?testAjax()
??{
???var?first=document.getElementById("txtfirst");
???AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);
??}
??function?callback_GetNIVNumber(res)
??{
???var?obj=document.getElementById("txtsecond");???
???obj.value=res.value;????
??}
??</script>
?</HEAD>
?<body?MS_POSITIONING="GridLayout">
??<form?id="Form1"?method="post"?runat="server">
???<INPUT?style="Z-INDEX:?101;?LEFT:?208px;?POSITION:?absolute;?TOP:?40px"?type="button"?value="Button"
????onclick="testAjax();">
???<asp:TextBox?id="txtfirst"?style="Z-INDEX:?102;?LEFT:?40px;?POSITION:?absolute;?TOP:?40px"?runat="server"></asp:TextBox>
???<asp:TextBox?id="txtsecond"?style="Z-INDEX:?103;?LEFT:?40px;?POSITION:?absolute;?TOP:?72px"?runat="server"></asp:TextBox>
??</form>
?</body>
</HTML> protected?System.Web.UI.WebControls.TextBox?txtfirst;
protected?System.Web.UI.WebControls.TextBox?txtsecond;
private?void?Page_Load(object?sender,?System.EventArgs?e)
{
?//注冊,其中Document.Pages.AjaxTest.AjaxMethod為AjaxMethod.cs方法所在的命名空間
?Ajax.Utility.RegisterTypeForAjax(typeof(Document.Pages.AjaxTest.AjaxMethod));
} 然后運行就可以了，
實現效果：在第一個textbox中輸入內容，點擊button，就把內容顯示到第二textbox中。這只是一個簡單的示例，還可以修改調用方法，從數據庫讀取以及更復雜的操作 ?
總結
- 上一篇： php与Ajax实例
- 下一篇： linux在多核处理器上的负载均衡原理