<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)

    好友 小山的博客

    最新隨筆

    最新評論

    主站蜘蛛池模板: 五月天婷亚洲天综合网精品偷| 95老司机免费福利| 四虎影视永久免费观看网址| 亚洲AV一二三区成人影片| 日本XXX黄区免费看| 亚洲五月丁香综合视频| 美女裸身网站免费看免费网站| 激情综合亚洲色婷婷五月APP| 亚洲成年人免费网站| 亚洲性69影院在线观看| 大地资源二在线观看免费高清| 亚洲色一区二区三区四区| 日本免费一区尤物| caoporn国产精品免费| 亚洲欧洲成人精品香蕉网| 久久久久高潮毛片免费全部播放| 亚洲免费闲人蜜桃| 午夜免费福利网站| 一级毛片a免费播放王色电影| 一级毛片直播亚洲| 青青操视频在线免费观看| 久久综合亚洲鲁鲁五月天| 无码高潮少妇毛多水多水免费| 亚洲国产精品无码久久九九大片 | 国产日韩精品无码区免费专区国产| 亚洲 另类 无码 在线| 最近免费中文字幕MV在线视频3| 亚洲影院在线观看| 色www永久免费视频| 羞羞视频免费网站在线看| 亚洲综合免费视频| 天堂亚洲免费视频| 亚洲精品免费视频| 亚洲av综合av一区二区三区| 精品亚洲综合久久中文字幕| 无码一区二区三区免费视频| 久久久久久毛片免费看| 亚洲H在线播放在线观看H| 亚洲性日韩精品一区二区三区| 91久久青青草原线免费| 有码人妻在线免费看片|