asp.net里AjaxPro简单入门教程

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

下载AjaxPro.2.dll

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

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

2,配置web.config

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

  

[c-sharp] view plain copy
  1. <httpHandlers>  
  2.     <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>  
  3. </httpHandlers>  

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

  

[c-sharp] view plain copy
  1. protected void Page_Load(object sender, EventArgs e)  
  2. {  
  3.      //在Page_Load事件中注册页面类型  
  4.       AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));  
  5. }  

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

  

[c-sharp] view plain copy
  1. [AjaxPro.AjaxMethod]  
  2. public string Hello()  
  3. {  
  4.     return "Hello,Now is " + DateTime.Now;  
  5. }  

5,在页面中写js脚本:

 

[javascript] view plain copy
  1. <mce:script type="text/javascript" language="javascript"><!--  
  2.    function Hello(){  
  3.         //AjaxPro.timeoutPeriod=150000 ;  
  4.         var info = "请稍候,正在处理数据...";  
  5.         document.getElementById('info').innerHTML=info;  
  6.         _Default.Hello(CallBack);  
  7.    }  
  8.      
  9.    function CallBack(mes){  
  10.    document.getElementById('msg').innerHTML = mes.value;  
  11.    }  
  12.      
  13. // -->  
  14. </mce:script>   

  用到的HTML代码:

 

[xhtml] view plain copy
  1. <div id="info">  
  2. </div>   
  3. <div id="msg">  
  4. </div>  

6,调用Hello().

转自:http://blog.csdn.net/yezheng5419/article/details/4437136

你可能感兴趣的:(asp.net)