在上一篇中，对JSON.stringify()方法有了初步的认识，并且做了一些简单的例子。本篇将进一步将JSON.stringify用在复杂些的实例中，例如如下需求：

在进jQuery AJAX异步传值时，用JSON.stringify()函数将数组转换成json类型(JSON：JavaScript Object Notation 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式)，再传到一般处理程序中，在一般处理程序中，把得到的值进行反序列化Deserialize<T>(value)操作。

1.html代码：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="js/jquery-1.8.2.min.js"></script>

    <script type="text/javascript">

        $(function () {

            $("#btn").click(function () {

                var myArray = new Array();

                var data = {};

                data.name = "Tom";

                data.age = ;

                data.tel = "";

                var data1 = {};

                data1.name = "Tang";

                data1.age = ;

                data1.tel = "";

                myArray.push(data);

                myArray.push(data1);

                //alert(JSON.stringify(array));

                var params = {};

                params.action = "OperationArray";

                params.array = JSON.stringify(myArray);

                $.ajax({

                    url: "JSONstringify.ashx",

                    data: params,

                    type: "POST",

                    dataType: "json",

                    success: function (msg) {

                        if (msg.OperateResult == "success") {

                            if (msg.ResponseData.length > ) {

                            }

                        }

                    },

                    error: function (e) {

                        alert("请求处理出错");

                    }

                });

            });

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <input type="button" id="btn" value="确定" />

    </form>

</body>

</html>

html代码

2.一般处理程序代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Script.Serialization;

namespace JSONstringfy

{

    /// <summary>

    /// JSONstringify 的摘要说明

    /// </summary>

    public class JSONstringify : IHttpHandler

    {

        private JavaScriptSerializer json = new JavaScriptSerializer();

        private string operateSuccess = "success";

        private string operateFailed = "false";

        public void ProcessRequest(HttpContext context)

        {

            string jsonObject = string.Empty;

            string action = context.Request["action"];

            context.Response.ContentType = "application/json;charset=utf-8";

            if (action == "OperationArray")

                jsonObject = OperationArray(context);

            context.Response.Write(jsonObject);

        }

        private string OperationArray(HttpContext context)

        {

            try

            {

                var array = context.Request["array"];

                var arrayList = json.Deserialize<List<JSON_user>>(array);//反序列化,得到集合

                foreach (var list in arrayList)

                {

                    //这里可以获得数据，可以和数据库进行交互，传到前台，

                    //本例子这里省略

                }

                return json.Serialize(new { OperateResult = operateSuccess });

            }

            catch (Exception e)

            {

                return json.Serialize(new { OperateResult = operateFailed, ResponseData = e.Message });

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

ashx代码

3.JSON_user类：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace JSONstringfy

{

    public class JSON_user

    {

        public string Name { get; set; }

        public string Age { get; set; }

        public string Tel { get; set; }

    }

}

JSON_user

4.调试结果：

以上两图可以看到两条数据

JSON.stringify实例应用—将对象转换成JSON类型进行AJAX异步传值的更多相关文章

  1. JSON.stringify()的使用--将string转换成json

    ===========================================================1. ====JSON.stringify()================== ...

  2. json 字符串转换成对象,对象转换成json字符串

    json   字符串转换成对象,对象转换成json字符串 前端: 方法一: parseJSON方法:   [注意jquery版本问题] var str = '{"name":&qu ...

  3. JSON对象转换成JSON字符串

    1.问题背景 有一个json对象,需要将其转换成json字符串 JSON.stringify(obj) 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DT ...

  4. 在js中将map对象转换成json 和 js对cookie的操作

    在js中将map对象转换成json //msp转objectlet obj= Object.create(null); for (let[k,v] of map) { obj[k] = v; }//o ...

  5. Newtonsoft.Json 把对象转换成json字符串

    var resultJson = new { records = rowCount, page = pageindex, //总页数=(总页数+页大小-1)/页大小 total = (rowCount ...

  6. DataTabel DataSet 对象 转换成json

    public class DataTableConvertJson    { #region dataTable转换成Json格式        /// <summary>         ...

  7. Java对象转换成xml对象和Java对象转换成JSON对象

    1.把Java对象转换成JSON对象 apache提供的json-lib小工具,它可以方便的使用Java语言来创建JSON字符串.也可以把JavaBean转换成JSON字符串. json-lib的核心 ...

  8. 将Model对象转换成json文本或者json二进制文件

    将Model对象转换成json文本或者json二进制文件 https://github.com/casatwy/AnyJson 注意:经过测试,不能够直接处理字典或者数组 主要源码的注释 AJTran ...

  9. SpringMVC分页查询无法直接将对象转换成json的解决办法（报org.springframework.http.converter.HttpMessageNotWritableException: No converter found for return value of type:错）

    在用ajax获得分页数据时,无法将获取的值赋值给input标签,在修改用户信息时不显示用户已经注册的信息,百度可知 springmvc处理分页数据返回的对象时,无法直接将对象转换成json,会报org ...

随机推荐

  1. [转]单例模式——C++实现自动释放单例类的实例

    [转]单例模式——C++实现自动释放单例类的实例 http://www.cnblogs.com/wxxweb/archive/2011/04/15/2017088.html http://blog.s ...

  2. 关于实现banner轮换的问题，如何修改

    最近遇到了这样的问题,本来banner都是gif格式的,但是现在要求上传图片格式为jpg时,运用JS实现动画效果,原来的也能用. aspx: <div id="bh" run ...

  3. 适合码农工作时玩的游戏：Scrum

    适合码农工作时玩的游戏:Scrum 昨天遇到一个来自微软的面试者,在面试的最后,我简单介绍了一下我们团队使用一周一次的 Scrum 来做项目管理.他回答说:” 我在微软也用 Scrum,不过我们一周两 ...

  4. Swift Internal Parameter and External Parameter 外部参数和内部参数

    今天跟大神又学习了些关于IOS开发Swift语言的外部参数和内部参数 func doSomething(num1: Int, num2: Int) -> Int { return num1 + ...

  5. https的了解

    经常用支付宝,看到了https就查了一下. HTTPS(Secure Hypertext Transfer Protocol)安全超文本传输协议. 简单讲是HTTP的安全版.即HTTP下加入SSL层, ...

  6. Html - Iframe

    父页面调用子页面 //用这个对象调用子页面的函数或者dom var myiframe = $("#right_iframe")[0].contentWindow; 子页面调用父页面 ...

  7. Leetcode | Minimum/Maximum Depth of Binary Tree

    Minimum Depth of Binary Tree Given a binary tree, find its minimum depth. The minimum depth is the n ...

  8. Redis Sentinel哨兵集群

    Redis Sentinel(哨兵集群)是一种高可用的redis部署方案.在集群中的redis-master服务挂掉时,无需人为干预,即可通过哨兵集群的自我调整,实现redis服务的持续可用. 哨兵集 ...

  9. 1 2 3 n

    n(n+1)/2 连续自然数 1,2,3.....,n 队列 从中任意取出1至n个相加,可以表示的连续自然数队列中最大的自然数是多少 受"高斯求和--蛇头蛇尾脑图--长方形对角线脑图--苯环 ...

  10. javaee基本环境搭建

    安装包 安装jdk :D:\Program Files\Java\jdk1.7.0_17 下载tomcat:E:\apache-tomcat-6.0.36 下载maven:E:\apache-mave ...