ASPX页面AJAX调用ASPX后台

虽然aspx现在用的越来越少，但是以前的一些项目仍旧是使用WebForm来实现的，我们仍然会遇到使用WebForm 并且实现AJAX的需求：

现在提供两种方法来实现aspx页面通过ajax调用aspx后台的方法。

1 是 引用webservrice 并且使用静态方法

后台代码：

using System.Web.Services; //WebMethod 依赖于此引用

        [WebMethod]
        public static int Add(int num1, int num2)
        {
            return num1 + num2;
        }

前台调用：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<script src="Scripts/jquery-1.10.2.min.js"></script> //引入jquery        function add(a, b) {            $.ajax({                url: "WebFprmAjax.aspx/Add",                type: "POST",                contentType: "application/json; charset=utf-8",                dataType: "json",                data: JSON.stringify({                    num1: a,                    num2: b                }),                success: function (data) {                    alert(data.d)                }            })        }

　　

2 是 手工输出请求流的形式

后台代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

protected void Page_Load(object sender, EventArgs e) {                if (!string.IsNullOrWhiteSpace(this.Request.Form["type"]) && (this.Request.Form["type"] == "ajax"))     {         this.DoCallback();     } } //根据不同的action 确认需要调用的是哪一个方法，并输出返回结果 private void DoCallback() {     string action = this.Request.Form["Action"];     this.Response.Clear();     this.Response.ContentType = "application/json";     string writeText = string.Empty;     switch (action)     {         case "Subtraction":             writeText = Subtraction();             break;     }     this.Response.Write(writeText);     this.Response.End(); } //实际负责计算的方法 private string Subtraction() {     int a = int.Parse(this.Request.Form["num1"]);     int b = int.Parse(this.Request.Form["num1"]);     var result = new     {         statue = true,         msg = a + b     };     //使用Newtonsoft来序列化一个匿名对象，从而实现转化为json返回格式     return Newtonsoft.Json.JsonConvert.SerializeObject(result); }

前台调用：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

function sub(a,b)         {             $.ajax({                 url: "WebFprmAjax.aspx?v=" + new Date().getTime(), //防止被浏览器缓存                 type: 'POST',                 dataType: 'json',                 timeout: 10000,                 data: { <br>　　　　　　　　　　　　Action: "Subtraction",  //调用方法名 　　　　　　　　　　　　type: "ajax", //自定义标识判断ajax方法 　　　　　　　　　　　　num1: a, num2: b //提交的数据                } ,                 //contentType: "application/json; charset=utf-8", //不能使用接送 会造成request.form 无法获取到对应参数                 success: function (data) {                                        if (data.statue) {                         alert(data.msg)                     }                     else {                         alert("系统忙请稍后再试！");                     }                 }             });         }

　　以上是在webForm页面ajax调用自身后台页面的两种方式，各有其优点。

转载记录：ASPX页面AJAX调用ASPX后台 - 落叶落 - 博客园