.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(类名));

例

protected void Page_Load(object sender, EventArgs e) 

{
        AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxProExample));//这的AjaxProExample是指页面
} 
 

 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; //

        }