<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 閱讀(206) 評論(0)  編輯  收藏 所屬分類: AJAX Dev

    <2025年7月>
    293012345
    6789101112
    13141516171819
    20212223242526
    272829303112
    3456789

    導航

    統計

    留言簿

    隨筆分類(1)

    文章分類(52)

    好友 小山的博客

    最新隨筆

    最新評論

    主站蜘蛛池模板: 亚洲精品高清久久| 免费又黄又爽又猛的毛片| 久久青青草原亚洲av无码| 亚洲AV无码国产剧情| 免费无码精品黄AV电影| 欧洲亚洲综合一区二区三区| A在线观看免费网站大全| 亚洲欧洲日韩综合| 黄瓜视频影院在线观看免费| 亚洲丰满熟女一区二区v| 在线观看免费人成视频色| 亚洲av无码久久忘忧草| 男人的好免费观看在线视频| 亚洲一区AV无码少妇电影| 日韩免费无砖专区2020狼| 亚洲AV成人精品一区二区三区| 日韩免费观看一级毛片看看| 最新亚洲人成无码网站| 久久亚洲国产成人影院网站| 国产免费高清69式视频在线观看| 国产亚洲大尺度无码无码专线 | 最近2019中文字幕免费直播| 亚洲久本草在线中文字幕| 日日麻批免费40分钟日本的| 国产成人亚洲综合一区| 四虎1515hm免费国产| 国产免费人成视频尤勿视频 | 精品国产成人亚洲午夜福利| 永久免费bbbbbb视频| 一区二区三区在线免费| 亚洲av网址在线观看| 免费无码黄十八禁网站在线观看| MM1313亚洲国产精品| 亚洲日韩精品无码专区网址| 久久久久久精品免费免费自慰| 亚洲 日韩 色 图网站| 亚洲区小说区图片区| 国产又大又粗又长免费视频 | 亚洲国产精品无码久久久不卡 | 91精品啪在线观看国产线免费| 亚洲人成图片网站|