一、 什么是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的三种方式的更多相关文章

  1. python 全栈开发，Day94(Promise,箭头函数,Django REST framework,生成json数据三种方式,serializers,Postman使用,外部python脚本调用django)

    昨日内容回顾 1. 内容回顾 1. VueX VueX分三部分 1. state 2. mutations 3. actions 存放数据 修改数据的唯一方式 异步操作 修改state中数据的步骤: ...

  2. c#操作json的两种方式

    总结一下C#操作json的两种方式,都是将对象和json格式相转. 1.JavaScriptSerializer,继承自System.Web.Script.Serialization private ...

  3. laravel记录笔记Laravel 连接数据库、操作数据库的三种方式

    laravel中提供DB facade(原始查找).查询构造器.Eloquent ORM三种操作数据库方式 1.连接数据库 .env 数据库配置 DB_HOST=localhost dbhost DB ...

  4. 字符串转换成JSON的三种方式

    采用Ajax的项目开发过程中,经常需要将JSON格式的字符串返回到前端,前端解析成JS对象(JSON ).ECMA-262(E3) 中没有将JSON概念写到标准中,但在 ECMA-262(E5) 中J ...

  5. js中将字符串转换成json的三种方式

    1,eval方式解析,恐怕这是最早的解析方式了.如下: function strToJson(str){ var json = eval('(' + str + ')'); return json; ...

  6. JDBC操作数据库的三种方式比较

    JDBC(java Database Connectivity)java数据库连接,是一种用于执行上sql语句的javaAPI,可以为多种关系型数据库提供统一访问接口.我们项目中经常用到的MySQL. ...

  7. 构造json参数时key的引号和js string转json的三种方式

    {name:"dd",age:"16"} {"name":"dd","age":"16&q ...

  8. ajax处理csrf的三种方式

    方式一: $.post({ url: '/get_result/', data: { value0: $('#v1').val(), value1: $('#v2').val(), csrfmiddl ...

  9. java ajax返回 Json 的 几种方式

    原文:https://blog.csdn.net/qq_26289533/article/details/78749057 方式 1. : 自写代码转 Json 需要  HttpHttpServlet ...

随机推荐

  1. 获取select被选中的option的值

    <select id="select">      <option>绥江</option>      <option>西江</ ...

  2. Kattis之旅——Factovisors

    The factorial function, n! is defined thus for n a non-negative integer: 0! = 1 n! = n * (n-1)! (n & ...

  3. Eloquent JavaScript #13# HTTP and Forms

    索引 Notes fetch form focus Disabled fields form’s elements property 阻止提交 快速插入单词 实时统计字数 监听checkbox和rad ...

  4. Prometheus监控学习笔记之PromQL 内置函数

    概述 Prometheus 提供了其它大量的内置函数,可以对时序数据进行丰富的处理.某些函数有默认的参数,例如:year(v=vector(time()) instant-vector).其中参数 v ...

  5. c++ STL中的set和multiset

    1.结构 set和multiset会根据特定的排序原则将元素排序.两者不同之处在于,multisets允许元素重复,而set不允许重复. set中的元素可以是任意类型的,但是由于需要排序,所以元素必须 ...

  6. Python查看关键字和帮助信息

    1.查看所有的关键字 >>> help('keywords') Here is a list of the Python keywords. Enter any keyword to ...

  7. mysql、oracle分库分表方案之sharding-jdbc使用（非demo示例）

    选择开源核心组件的一个非常重要的考虑通常是社区活跃性,一旦项目团队无法进行自己后续维护和扩展的情况下更是如此. 至于为什么选择sharding-jdbc而不是Mycat,可以参考知乎讨论帖子https ...

  8. 一图解释PHPstorm代码片段设置---附官方文档(转)

    参考:https://blog.csdn.net/thinkthewill/article/details/81145106 资料 设置片段[官方设置教程] 设置变量对话框[官方设置教程] phpst ...

  9. 尚硅谷面试第一季-07Spring Bean的作用域之间有什么区别

    目录结构: 关键性代码: beans.xml <!-- ★bean的作用域 可以通过scope属性来指定bean的作用域 -singleton:默认值.当IOC容器一创建就会创建bean的实例, ...

  10. 类中函数前、后、参数加const

    1.参数加const:int fun(const int a) a在函数里不可被修改 2.函数前加const:const int* const fun() 这种一般是返回的指针或者是引用,加const ...