asp.net里AjaxPro简单入门教程

以前都没有用过AjaxPro,今天试试效果,呵呵!

下载AjaxPro.2.dll

官方网站：http://www.codeplex.com/AjaxPro

1,在我们的web站点中,添加引用,加入AjaxPro.2.dll

2,配置web.config

   在system.web节点下,添加如下节点:

   view plaincopy to clipboardprint?
<httpHandlers>  
    <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>  
</httpHandlers> 
<httpHandlers>
 <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>

3,在Page_Load事件中注册页面类型：

   view plaincopy to clipboardprint?
protected void Page_Load(object sender, EventArgs e)  
{  
     //在Page_Load事件中注册页面类型  
      AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));  
} 
protected void Page_Load(object sender, EventArgs e)
{
     //在Page_Load事件中注册页面类型
      AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}

4,编写需要的方法,将方法标记为[AjaxPro.AjaxMethod]：

   view plaincopy to clipboardprint?
[AjaxPro.AjaxMethod]  
public string Hello()  
{  
    return "Hello,Now is " + DateTime.Now;  
} 
[AjaxPro.AjaxMethod]
public string Hello()
{
    return "Hello,Now is " + DateTime.Now;
}

5,在页面中写js脚本:

  view plaincopy to clipboardprint?
<mce:script type="text/javascript" language="javascript"><!--  
   function Hello(){  
        //AjaxPro.timeoutPeriod=150000 ;  
        var info = "请稍候，正在处理数据...";  
        document.getElementById('info').innerHTML=info;  
        _Default.Hello(CallBack);  
   }  
     
   function CallBack(mes){  
   document.getElementById('msg').innerHTML = mes.value;  
   }  
     
// -->  
</mce:script>  
<mce:script type="text/javascript" language="javascript"><!--
   function Hello(){
        //AjaxPro.timeoutPeriod=150000 ;
        var info = "请稍候，正在处理数据...";
        document.getElementById('info').innerHTML=info;
        _Default.Hello(CallBack);
   }
  
   function CallBack(mes){
   document.getElementById('msg').innerHTML = mes.value;
   }
  
// -->
</mce:script> 

  用到的HTML代码:

  view plaincopy to clipboardprint?
<div id="info"> 
</div>   
<div id="msg"> 
</div> 
<div id="info">
</div>
<div id="msg">
</div>

6,调用Hello().

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/yezheng5419/archive/2009/08/12/4437136.aspx