<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Ajax使用初步

     Ajax定義為“Asynchronous JavaScript + XML”的簡稱,也就是異步的JavaScript和XML處理。從原理上看,主要是Ajax可以通過調用HttpRequest實現與服務器的異步通訊,并最終在網頁中實現豐富友好的用戶界面
    Ajax使用初步,配置步驟
    1.把Ajax.dll copy到應用系統bin目錄下,然后在工程引用中引用Ajax.dll,如果沒有的話可以下載/Files/singlepine/Ajax.rar
    2.配置web.config,添加如下信息

    <httpHandlers>
      <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中。這只是一個簡單的示例,還可以修改調用方法,從數據庫讀取以及更復雜的操作

    posted on 2007-06-20 13:27 chenguo 閱讀(194) 評論(0)  編輯  收藏 所屬分類: AJAX Dev

    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導航

    統計

    留言簿

    隨筆分類(1)

    文章分類(52)

    好友 小山的博客

    最新隨筆

    最新評論

    主站蜘蛛池模板: 亚洲成AV人片在| 亚洲VA中文字幕无码一二三区 | 国产麻豆成人传媒免费观看 | 亚洲精品午夜久久久伊人| 精品乱子伦一区二区三区高清免费播放 | 亚洲av乱码一区二区三区香蕉| 久久久久免费看成人影片| 亚洲日韩图片专区第1页| 99热在线精品免费播放6| 亚洲精品在线免费观看视频| 中文字幕亚洲免费无线观看日本 | 亚洲AⅤ永久无码精品AA| 一级做a爱过程免费视| 日韩亚洲变态另类中文| a国产成人免费视频| 老色鬼久久亚洲AV综合| 日韩免费a级毛片无码a∨ | 免费在线观看黄网站| a毛片成人免费全部播放| 国产亚洲精品美女久久久| 久操免费在线观看| 亚洲精品第一国产综合野| 香蕉高清免费永久在线视频| 麻豆va在线精品免费播放| 国产亚洲色婷婷久久99精品| 最近中文字幕免费mv在线视频| 亚洲国产成人精品激情| 国产成人精品男人免费| aa在线免费观看| 亚洲无限乱码一二三四区| 国产精品免费综合一区视频| 久久久久国色AV免费观看| 91亚洲导航深夜福利| 国外成人免费高清激情视频| 一区二区三区免费在线观看| 亚洲成在人线电影天堂色| 免费精品国产自产拍观看| 日韩成人免费视频| 亚洲av无码有乱码在线观看| 亚洲色WWW成人永久网址| 18禁成年无码免费网站无遮挡 |