ajaxPro用法

一.AjaxPro的使用

1.在项目中添加引用,浏览找到AjaxPro.2.dll文件

2.在Web.config中的system.web里面写入以下代码 </configuration> <system.web>   <httpHandlers>         <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>       </httpHandlers> </system.web> <//configuration>

3.在加载事件中,加入   AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));

4.写的方法都要用  [AjaxPro.AjaxMethod]开头,然后在写方法

5.调用时必须写清楚  命名空间名.类名.方法,例:WebUI._Default.getData();

6.调用可分两中方法(同步调用,异步调用)   //在后台写的无参方法 [AjaxPro.AjaxMethod] public string getStr() {         return  "hello my friends"; } //在后台写的有参方法  [AjaxPro.AjaxMethod] public string getString(string str) {      return str + "Say: hello my friends"; }

a.同步调用  (1).拖入html控件button  (2).双击,自动显示在.aspx的脚本中  (3).在里面写入你要输入的内容  例: //------------------同步调用无参-----------   function Button1_onclick()    {          var res=WebUI._Default.getStr();          alert(res.value);   }     //------------------同步调用有参------------ function Button2_onclick() //TextBox1为服务器控件 {     var str=document.getElementById("<%=TextBox1.ClientID%>").value;     var res=WebUI._Default.getStr(str);     alert(res.value); }

b.异步调用  (1).拖入html控件button  (2).双击,自动显示在.aspx的脚本中  (3).在里面写入你要输入的内容  例: //-----------------异步调用无参----------------- function Button3_onclick() {     WebUI._Default.getStr(getStrCallBack); } function getStrCallBack(res) {     alert(res.value); } //-----------------异步调用有参----------------- function Button4_onclick() {     var str=document.getElementById("<%=TextBox1.ClientID %>").value;     WebUI._Default.getString(str,getStringCallBack); } function getStringCallBack(res) {     alert(res.value); }

7.调用对象

//对象 [AjaxPro.AjaxMethod] public Class getClass() {        Class cla = new Class();        cla.C_Id = 100;        cla.C_Name = "34班";        cla.Count = 20;        return cla; } //------------------同步调用对象----------- function Button5_onclick() {     var res=WebUI._Default.getClass().value;     alert("班级编号:"+res.C_Id+"名称:"+res.C_Name+"人数:"+res.Count); } //------------------异步调用对象----------- function Button6_onclick() {     WebUI._Default.getClass(getClassCallBack); } function getClassCallBack(clas) {     var res=clas.value;     alert("班级编号:"+res.C_Id+"名称:"+res.C_Name+"人数:"+res.Count); }

8.数据集的使用  //方法         [AjaxPro.AjaxMethod]         public DataSet getInfo()         {             return WebUI.GetDataSet.getList();         }

//--------------------异步调用数据集-------------- function Button8_onclick() {     WebUI._Default.getInfo(getDataSetCallBack); } function getDataSetCallBack(res) {     var dataset=res.value;     var strHtml="";     strHtml +='<table  style ="border-collapse:collapse ; border-color:Gray ;"  border="1px">';     strHtml +='        <tr>';     strHtml +='            <td>学生编号</td>';     strHtml +='            <td>名称</td>';     strHtml +='            <td>年龄</td>';     strHtml +='        </tr>';          for(var i=0;i<dataset.Tables[0].Rows.length;i++)     {         strHtml +='        <tr>';         strHtml +='            <td>'+ dataset.Tables[0].Rows[i].stu_id +'</td>';         strHtml +='            <td>'+ dataset.Tables[0].Rows[i].stu_name +'</td>';         strHtml +='            <td>'+ dataset.Tables[0].Rows[i].stu_age +'</td>';         strHtml +='        </tr>';     }     strHtml +='    </table>';     thedata.innerHTML=strHtml;//thedata是一个<div id="thedata"></div>中的thedata }

 

9.验证码的使用

//----------------------验证码的使用(必须采用同步调用)----------------------

//验证码的使用 [AjaxPro.AjaxMethod] public bool ValidCodeData(string code) {      return (HttpContext.Current.Session["CheckCode"].ToString()==code); }

function Button9_onclick() {     var code=document.getElementById("<%=TextBox2.ClientID %>").value;     var bool=WebUI._Default.ValidCodeData(code).value;     if(bool==true)     {         alert("ok");     }else     {         alert("no");     } } AjaxPro.dll文件网上很多的,自己下,如果找不到呢,给我发个留言,我发你邮箱

 

二,直接调用: javascript中:<%=后台方法%>  function says()     {         alert("<%=Say()%>");     }     function del()     {          alert("<%=DeleteByID(8)%>");//DeleteByID(8)后台方法名     }

三,采用ICallbackEventHandler回调

/**//*  * 对ICallbackEventHandler接口进行声明,要在客户端调用服务端代码而不回发,必须声明该接口并且实现它的两个方法:  * RaiseCallbackEvent()、GetCallbackResult()  * RaiseCallbackEvent()的参数是从前台传过来的,根据传来的参数执行不同的代码并将结果用GetCallbackResult()返回前台 */

//必须声明System.Web.UI.ICallbackEventHandler接口 public partial class _Default : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler {     //定义一个回调的返回值     private string Result;     //定义两个变量,用来接收页面传过来到操作数     private string Num1;     private string Num2;     protected void Page_Load(object sender, EventArgs e)     {               }

    /**//// <summary>     /// 该方法是回调执行的方法,根据参数在这个方法中处理回调的内容,该方法没有返回值     /// </summary>     /// <param name="eventArgument">此参数是从客户端传过来的</param>     public void RaiseCallbackEvent(string eventArgument)     {         //eventArgumeng 为javascript从客户端传递的参数,本例传过来三个参数用“/”分割将每个参数取出存入数组         string[] PagParams = eventArgument.Split('/');          Num1 = PagParams[1];          Num2 = PagParams[2];         //根据第一个参数(所选的操作符),调用不同的执行函数         switch (PagParams[0])         {             case "0":                  Result = add(); break;             case "1":                  Result = sub(); break;             case "2":                  Result = multi(); break;             case "3":                  Result = division(); break;          }      }          /**//// <summary>     /// 该方法是返回回调的结果给客户端     /// </summary>     /// <returns></returns>     public string GetCallbackResult()     {         return Result;      }

//一下四个函数是通过RaiseCallbackEvent方法,调用的回调要执行操作的函数     private string add()     {         double addResult = double.Parse(Num1) + double.Parse(Num2);         return addResult.ToString();      }

    private string sub()     {         double addResult = double.Parse(Num1) - double.Parse(Num2);         return addResult.ToString();      }

    private string multi()     {         double addResult = double.Parse(Num1) * double.Parse(Num2);         return addResult.ToString();      }

    private string division()     {         double addresult = double.Parse(Num1) / double.Parse(Num2);         return addresult.ToString();      } }

你可能感兴趣的:(Ajax)