做了ＭＶＣ模式一年，可不要把传统模式忘记呀！ashx配合aspx实现ＡＪＡＸ加载JSON数据...

最新推荐文章于 2021-06-26 08:42:03 发布

转载最新推荐文章于 2021-06-26 08:42:03 发布 · 77 阅读

文章标签：

本文介绍了一个使用ASHX作为HTTP处理器返回JSON数据的示例，并展示了如何利用jQuery的AJAX方法来获取并展示这些数据。示例中创建了一个包含10个用户的列表，每个用户具有用户名和电话号码属性。然后将此列表转换为JSON字符串，并通过HTTP响应发送出去。客户端使用jQuery的AJAX请求获取数据，并动态生成HTML元素显示每个用户的详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ASHX内容：

 #region IHttpHandler Members

        public void ProcessRequest(HttpContext context)

            context.Response.ContentType = "application/x-javascript";

            List<User> list = new List<User>();

            for (int i = 0; i < 10; i++)

                list.Add(new User { UserName = "zzl" + i, Tel = "13521972991" });

            string str = "[";

            list.ForEach(i =>

                str += "{" + string.Format("\"UserName\":\"{0}\", \"Telephone\":\"{1}\"", i.UserName, i.Tel) + "},";

});

            str = str.TrimEnd(',') + "]";

            context.Response.Write(str);

#endregion

ASPX内容：

 function bindDatajQueryAjaxJson() {

            $.ajax({

                url: "Handler2.ashx",

                dataType: "json",

                cache: false,

                data: null,

                type: "GET",

                success: function (data) {

                    var msg = "";

                    for (var i = 0, length = data.length; i < length; i++) {

                        msg += "<Div style='color:red'>UserName:" + data[i].UserName + ",Telephone:" + data[i].Telephone + "</div>";

                    $("#msg2").html(msg);

});

       bindDatajQueryAjaxJson();