asp.net中使用ajax的两种方式

最新推荐文章于 2026-05-17 06:30:42 发布

原创最新推荐文章于 2026-05-17 06:30:42 发布 · 1.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#asp.net #ajax #前端 #json

asp.net/C# 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在ASP.NET环境中使用AJAX的两种常见方法，包括通过.ashx处理前端请求以及在.aspx文件中定义处理方法。在前端代码中需要注意JSON格式的正确使用，并提到了相关参考资源。

今天了解了asp.net下使用记录下使用ajax的两种方式。当然并不是说只有这两种方式。这里仅记录这两种方式。

用.ashx文件来处理前端发送过来的ajax请求：

demo如下：
前端代码：

<script type="text/javascript">
        $(function () {
            $("#MyButton").click(function () {
                $.ajax({
                    type: "post",
                    url: "MyTest.ashx",
                    data:{dataa:"ashx文件处理的结果"},
                    success: function (data) {
                        alert(data);
                    },
                    error: function (err) {
                        alert("12313123");
                    }
                });
            });
        });
    </script>

后端代码：

//MyTest.ashx
public class MyTest : IHttpHandler, IRequiresSessionState
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string ts = context.Request.Form["dataa"];
            context.Response.Write(ts);
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

结果：

方法二：用.aspx文件中的方法来处理前端请求

前端代码：

    <script type="text/javascript">
        $(function () {
            $("#MyButton").click(function () {
                $.ajax({
                    type: "post",
                    url: "test.aspx/SayHello",
                    data: "{'dataa':'aspx文件处理'}",//注意两种方法的json格式不一样
                    datatype: "json",
                    contentType: "application/json;charset=utf-8",
                    success: function (data) {
                        data = JSON.parse(data);
                        alert(data.d);
                    },
                    error: function (err) {
                        alert("12313123");
                    }
                });
            });
        });
    </script

后端代码：

using System.Web.Services;
        [WebMethod]
        public static string SayHello(string dataa)
        {
            return dataa;
        }

结果：

注意要点：

两种方法的data属性里JSON写法不能混用。

参考文章：

1.JS操作JSON总结

2.Jquery Ajax调用aspx页面方法

3.用Ajax提交数据到ashx处理数据