如何通过ajax访问aspx的CodeBehind中的方法

在项目中突然看到，aspx中的ajax可以访问aspx.cs中的方法，觉得很新奇，也许是lz少见多怪，不过，真的有发现新大陆似的那种兴奋，你也许知道这代表什么，学会了这种方式，代表你以后，可以建更少的页面，更少ashx，更少的.....能不兴奋吗？在lz的印象中，ajax一般都和一般处理程序联系起来的，请求另外的aspx页面就不说了，而请求自身CodeBehind中的方法真的很少见，这里记录一下，也许也有跟我一样不知道的朋友，希望能帮到你。只是知道ajax可以访问webservice中加webmethod特性的方法，没想到也可以访问aspx中加webmethod的方法。幸亏现在知道了。

ajax配置

测试：模拟一个小学二年级的加法运算，通过ajax将值传给default.aspx.cs中的Add方法，通过该方法完成计算，返回结果。

Default.aspx

ajax的使用方法这里就不多说了。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Wolfy.AjaxSelf.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                var num1 = $("#num1").val();
                var num2 = $("#num2").val();
                $.ajax({
                    type: "POST",//
                    url: "Default.aspx/Add",
                    data: "{num1:'"+num1+"',num2:'"+num2+"'}",
                    contentType: "application/json",
                    dataType: "json",
                    success: function (data) {
                        $("#num3").val(data.d);
                    },
                    error: function (msg) {
                        alert(msg.status);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input type="text" id="num1" name="name" value="1"  />
            <label>+</label>
            <input type="text" id="num2" name="name" value="1"  />
            <input type="button" name="name" id="btn" value="="  />
            <input type="text" id="num3" name="name" value="1"  />

        </div>
    </form>
</body>
</html>

Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Wolfy.AjaxSelf
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

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

测试结果

更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/webkf/ajax/

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索ajax
， 方法
， aspx
， using
， default.aspx
， system
， num
CodeBehind
aspx codebehind、codebehind、codefile和codebehind、asp.net codebehind、codefile codebehind，以便于您获取更多的相关知识。