.net中AjaxPro的简单使用

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

2.在Web.config中写入以下代码

<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>

3.在加载事件中，加入

AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));

public partial class WorkFlow_BorrowMoney : AjaxProBasePage
{
　　protected void Page_Load(object sender, EventArgs e)
　　{
　　　　AjaxPro.Utility.RegisterTypeForAjax(typeof(WorkFlow_BorrowMoney));
　　}

}

4.写的方法都要用

[AjaxPro.AjaxMethod]开头，然后在写方法

5.调用时必须写清楚

命名空间名.类名.方法，例:AjaxProExample.Add(); 

6.调用可分两中方法(同步调用，异步调用) 

        同步调用 : 

//在后台写的无参方法
    [AjaxPro.AjaxMethod]
    public string getStr()
    {
        return "hello my friends";
    }

    //在后台写的有参方法
    [AjaxPro.AjaxMethod]
    public string getString(string str)
    {
        return str + " Say: hello my friends";    }

　　前台代码: 

function SayHello() {            var len = arguments.length; //重载
            if (len == 0) {
                var res = AjaxProExample.getStr().value;//同步调用无参
                alert(res);                
            } else if (len == 1) {

                if (arguments[0] == "") {
                    alert("内容不能为空");
                } else {
                    var res = AjaxProExample.getString(arguments[0]).value;//同步调用有参
                    alert(res);
                }               

            }

        }

　　 异步调用:

//后台代码    [AjaxPro.AjaxMethod]
    public int Add(int a, int b)
    {
        return a + b;
    }

    //前台代码
       function AddNum() {
            var a = document.getElementById("txt1").value;
            var b = document.getElementById("txt2").value;

            if (a == "" || b == "") {
                alert("请输入合法的数值");
                return;
            }

            //var res = AjaxProExample.Add(a, b).value;        //调用后台代码后直接返回数据,不用显示执行回调函数(同步调用)
            var res = AjaxProExample.Add(a, b, disp_callback); //调用后台代码后通过回调函数来显示返回的数据(异步调用)

        }

        function disp_callback(response) {
            alert("累计求和: " + response.value);
        }

 7.调用对象

public class PersonInfo{    private int _Age = 0;    private string _Name = "";    private string _Sex = "";    public int Age    {        get { return _Age; }        set { _Age = value; }    }        public string Name    {        get { return _Name; }        set { _Name = value; }    }       public string Sex    {        get { return _Sex; }        set { _Sex = value; }    }    public PersonInfo(string name,int age,string sex)    {        Name = name;        Age = age;        Sex = sex;            }}      
//后台
[AjaxPro.AjaxMethod]
    public PersonInfo getClass()
    {
        PersonInfo p = new PersonInfo("张三", 25, "男");
        return p;
    }

//------------------同步调用对象-----------
        function Button5_onclick() {
            var res = AjaxProExample.getClass().value;
            alert("姓名：" + res.Name + "年龄：" + res.Age + "性别：" + res.Sex);
        }
        //------------------异步调用对象-----------
        function Button6_onclick() {
            AjaxProExample.getClass(getClassCallBack);
        }
        function getClassCallBack(response) {
            var res = response.value;
            alert("姓名：" + res.Name + " 年龄：" + res.Age + " 性别：" + res.Sex);        }

 8.数据集的使用//后台代码

[AjaxPro.AjaxMethod]
    public DataTable getData()
    {

        DataTable dt = new DataTable();
        dt.Columns.Add("Name");
        dt.Columns.Add("Telphone");

        DataRow dr = dt.NewRow();
        dr["Name"] = "李四";
        dr["Telphone"] = "189********";
        dt.Rows.Add(dr);

        dr = dt.NewRow();
        dr["Name"] = "王五";
        dr["Telphone"] = "189*********";
        dt.Rows.Add(dr);

        dr = dt.NewRow();
        dr["Name"] = "张三";
        dr["Telphone"] = "189*********";
        dt.Rows.Add(dr);

        return dt;

    }

//前台
function Button7_onclick() {

            var dataTable = AjaxProExample.getData().value;

            var strHtml = "";
            strHtml += '<table style ="border-collapse:collapse ; border-color:Gray ;" border="1px">';
            strHtml += ' <tr>';
            strHtml += ' <td>姓名</td>';
            strHtml += ' <td>手机号</td>';
            strHtml += ' </tr>';
            for (var i = 0; i < dataTable.Rows.length; i++) {
                strHtml += ' <tr>';
                strHtml += ' <td>' + dataTable.Rows[i].Name + '</td>';
                strHtml += ' <td>' + dataTable.Rows[i].Telphone + '</td>';
                strHtml += ' </tr>';
            }
            strHtml += ' </table>';

            var divDataTable = document.getElementById("divDataTable");//一个div控件
            divDataTable.innerHTML = strHtml; //

        }