小二哥's blog

----zhangzs8896(小二)

导航

Ajax的简单配置与应用.

Posted on 2006-04-16 22:06  小二哥  阅读(802)  评论(0编辑  收藏  举报

刚看了小山的blog,里面有一篇关于Ajax的初步使用,按其步骤做了一下:

1. 引用ajax.dll
    将ajax.dll拷贝到项目bin目录中,同时增加对它的引用.

2.修改web.config文件.
   在web.config中增加如下节点.
   <httpHandlers>
  
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>

3. 书写ajax方法.
     ajax方法与一般的方法基本相同,只是在前面增加一个: [Ajax.AjaxMethod]
    为方便起见,增加一个类文件,暂起名为: AjaxMethod.cs
    例如:
    [Ajax.AjaxMethod]
    public static string GetNIVNumber(string str)
    {
         return str;
    }

4. 书写javascript
    为方便起见,书写一个.js文件,暂起名为: AjaxJScript.js
    在此文件内增加需要的函数.例如:
   /* FirstAjaxSample所使用到的函数 */
   function testAjax(owner, item, evt)
  {
   var first=document.getElementById("txtfirst");
   AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);
   }
  function callback_GetNIVNumber(res)
  {
   var obj=document.getElementById("txtsecond");  
   obj.value=res.value;   
  }

5. 修改.aspx页面 
    在页面的前台代码中,增加对.js文件的引用.
    <script language="javascript" src="AjaxJScript.js"></script>
    Page_Load中注册(其中MyAjaxSample为AjaxMethod类所在的命名空间):
    Ajax.Utility.RegisterTypeForAjax(typeof(MyAjaxSample.AjaxMethod)); 

运行即可看到效果.在第一个textbox中输入内容,点击button,就把内容显示到第二textbox中.