码迷,mamicode.com
首页 > Web开发 > 详细

ajax操作json的三种方式

时间:2019-02-20 13:26:55      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:post   java   www.   void   contex   summary   roc   html   json   

一、 什么是json?

1. JSON是一种轻量级的数据交换格式

2. JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式

JSON最常用的格式是对象的 键值对。例如下面这样:
  {"firstName": "Brett", "lastName": "McLaughlin"}
 
具体前台代码如下: 
<!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需要四个参数,1. 请求的URL,2. 传递的参数,3. 返回的数据,4. 数据类型(参数4默认类型为text)
                $.post("GetJson.ashx", {}, function (data) {
                    alert(data);
                    alert("用户名是:"+data.Name);
                },"json");
            });
            $("#btnData1").click(function () {
                $.post("GetJson.ashx", {}, function (data) {
                    var serverData = $.parseJSON(data);   //将获取的数据转换成json对象
                    alert("用户名是:" + serverData.Name);
                });
            });

            $("#btnData222").click(function () {
                $.getJSON("GetJson.ashx", {}, function (data) {    //getjson默认将获取的数据转换成json对象,所以不用加上面的parsejson,但是该请求只能用于get请求
                 
                    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="btnData222" />
</body>
</html>

 

一般处理程序代码如下:

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

namespace CZBK.ItcastProject.WebApp._2015_6_3
{
    /// <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;
            }
        }
    }
}

 

ajax操作json的三种方式

标签:post   java   www.   void   contex   summary   roc   html   json   

原文地址:https://www.cnblogs.com/wangjinya/p/10405782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!