AJAXPro用法，关于JS同步和异步调用后台代码的学习

一.AjaxPro的使用

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

注：关于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.调用时必须写清楚  

//命名空间名.类名.方法,例如：
AjaxTest._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_ //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_ {
        WebUI._Default.getStr(getStrCallBack);
}
function getStrCallBack(res)
{
        alert(res.value);
}
//-----------------异步调用有参-----------------
function Button4_ {
        var str=document.getElementById("<%=TextBox1.ClientID %>").value;
        WebUI._Default.getString(str,getStringCallBack);
}
function getStringCallBack(res)
{
        alert(res.value);
}

注：异步调用时，后台的方法无法进行重载，否则会出错。


二、直接调用
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();
         }
}