.net中Jquery ajax调用aspx和ashx文件

最新推荐文章于 2021-08-05 17:20:29 发布

csmzl

最新推荐文章于 2021-08-05 17:20:29 发布

阅读量3k

点赞数

分类专栏： .NET 文章标签： jquery ajax .net jquery ajax 编辑器

本文链接：https://blog.csdn.net/csmzl/article/details/51745085

版权

.NET 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

.net中Jquery ajax调用aspx和ashx文件

index.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title> ajax</title>
    <script src="js/jquery-1.12.1.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <h3>请输入a,b的值：</h3>
    <div>
        <asp:Button ID="btnAspx" runat="server" Text="调用Aspx" />
        <asp:Button ID="btnAshx" runat="server" Text="调用Ashx" />
        a: <asp:TextBox ID="num1" runat="server"></asp:TextBox>
        b: <asp:TextBox ID="num2" runat="server"></asp:TextBox>
    </div>

    </form>
    <script type="text/javascript">
        $("#btnAspx").bind("click", function () {
            var num1 = $("#num1").val();
            var num2 = $("#num2").val();
            $.ajax({
                type: "post",
                url: "index.aspx/sayHi",
                data: "{'num1':'" + num1 + "','num2':'" + num2 + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    alert(data.d);
                },
                error: function (err) {
                    alert("failed"); ;
                }
            });
        });
        $("#btnAshx").bind("click", function () {
            var num1 = $("#num1").val();
            var num2 = $("#num2").val();
            $.ajax({
                type: "post",
                url: "Handler1.ashx",
                data: {"num1":num1, "num2":num2},
                success: function (data) {
                    alert(data);
                },
                error: function (err) {
                    alert("failed"); ;
                }
            });
        });
</script>
</body>
</html>

index.aspx.cs

    [WebMethod]
    public static string sayHi(string num1, string num2)
    {
        var num = num1 + num2;
        return num;
    }

Handler1.ashx.cs

    public class Handler1 : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string num1 = HttpContext.Current.Request.Form["num1"];
            string num2 = HttpContext.Current.Request.Form["num2"];
            context.Response.Write(num1+num2);
        }
    }

csmzl

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
.net中Jquery ajax调用aspx和ashx文件

.net中Jquery ajax调用aspx和ashx文件index.aspx<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>edit database through ajax</title> <script src="js/jquery-1.12.1.js" t
复制链接

扫一扫