Jquery之JSON

最新推荐文章于 2023-07-13 10:21:13 发布

songyi160

最新推荐文章于 2023-07-13 10:21:13 发布

阅读量322

点赞数

分类专栏： Asp.Net 文章标签： json jquery

本文链接：https://blog.csdn.net/songyi160/article/details/77508792

版权

Asp.Net 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

一、JSONDemo.aspx代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JSONDemo.aspx.cs" Inherits="WebApp._2017_08_23.JSONDemo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../js/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnData").click(function () {
                $.post("GetJson.ashx", {}, function (data) {
                    alert("用户名是:" + data.Name);
                }, "json");
            });


            $("#btnData1").click(function () {
                $.post("GetJson.ashx", {}, function (data) {
                    var serverData = $.parseJSON(data);
                    alert("用户名是:" + serverData.Name);
                });
            });



            $("#btnData2").click(function () {
                $.getJSON("GetJson.ashx", {}, function (data) {

                    alert("用户名是:" + data.Name);
                });
            });


        });
    </script>
</head>
<body>
    <input type="button" value="获取数据" id="btnData" />
    <input type="button" value="获取数据1111" id="btnData1" />

    <input type="button" value="获取数据2222" id="btnData2" />
</body>
</html>

二、GetJson.ashx.cs代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApp._2017_08_23
{
    /// <summary>
    /// GetJson 的摘要说明
    /// </summary>
    public class GetJson : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Write("{\"Name\":\"zhangsan\",\"Age\":\"12\"}");
        }

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

三、效果演示

songyi160

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery之JSON

一、JSONDemo.aspx代码 $(function () { $("#btnData").click(function () { $.post("GetJson.ashx", {}, function (data) { aler
复制链接

扫一扫