Jquery之JSON

来源：互联网发布：网络诈骗案案例编辑：程序博客网时间：2024/06/04 01:23

一、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;            }        }    }}

三、效果演示

阅读全文

0 0