<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”的簡(jiǎn)稱,也就是異步的JavaScript和XML處理。從原理上看,主要是Ajax可以通過(guò)調(diào)用HttpRequest實(shí)現(xiàn)與服務(wù)器的異步通訊,并最終在網(wǎng)頁(yè)中實(shí)現(xiàn)豐富友好的用戶界面
    Ajax使用初步,配置步驟
    1.把Ajax.dll copy到應(yīng)用系統(tǒng)bin目錄下,然后在工程引用中引用Ajax.dll,如果沒有的話可以下載/Files/singlepine/Ajax.rar
    2.配置web.config,添加如下信息

    <httpHandlers>
      <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
    </httpHandlers>
    3.假設(shè)應(yīng)用系統(tǒng)叫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下建立頁(yè)面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)
    {
     //注冊(cè),其中Document.Pages.AjaxTest.AjaxMethod為AjaxMethod.cs方法所在的命名空間
     Ajax.Utility.RegisterTypeForAjax(typeof(Document.Pages.AjaxTest.AjaxMethod));
    }
    然后運(yùn)行就可以了,
    實(shí)現(xiàn)效果:在第一個(gè)textbox中輸入內(nèi)容,點(diǎn)擊button,就把內(nèi)容顯示到第二textbox中。這只是一個(gè)簡(jiǎn)單的示例,還可以修改調(diào)用方法,從數(shù)據(jù)庫(kù)讀取以及更復(fù)雜的操作

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

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

    導(dǎo)航

    統(tǒng)計(jì)

    留言簿

    隨筆分類(1)

    文章分類(52)

    好友 小山的博客

    最新隨筆

    最新評(píng)論

    主站蜘蛛池模板: 久久精品熟女亚洲av麻豆| 亚洲制服丝袜精品久久| 午夜视频在线免费观看| 亚洲精品无码久久久久久久| 99热在线精品免费全部my| 国产亚洲精品美女久久久久 | 33333在线亚洲| 免费人成年激情视频在线观看 | 色欲A∨无码蜜臀AV免费播| 亚洲一卡一卡二新区无人区| 亚洲男人天堂2020| 久久国产乱子伦免费精品| 亚洲avav天堂av在线网毛片| 国产AV无码专区亚洲AVJULIA| a拍拍男女免费看全片| 有码人妻在线免费看片| 久久精品亚洲一区二区三区浴池| 国产美女精品久久久久久久免费| 另类免费视频一区二区在线观看| 男人天堂2018亚洲男人天堂| 日本亚洲成高清一区二区三区| 色播在线永久免费视频| 亚洲一区免费观看| 一级毛片**免费看试看20分钟| 亚洲一卡2卡3卡4卡国产网站| 国产亚洲精品看片在线观看 | 人人公开免费超级碰碰碰视频 | 99久久精品免费精品国产| 美女视频黄.免费网址| 亚洲大尺码专区影院| 亚洲无线码在线一区观看| 天天看片天天爽_免费播放| 99视频在线看观免费| 国产久爱免费精品视频| 亚洲精品久久无码av片俺去也| 亚洲色欲或者高潮影院| 亚洲狠狠婷婷综合久久久久| vvvv99日韩精品亚洲| 尤物永久免费AV无码网站| 和日本免费不卡在线v| 免费A级毛片无码专区|