在上一篇中，对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. UOJ#61. 【UR #5】怎样更有力气

    大力水手问禅师:“大师,很多事情都需要用很大力气才能完成,而我在吃了菠菜之后力气很大,于是就导致我现在非常依赖菠菜.我很讨厌我的现状,有没有办法少吃点菠菜甚至不吃菠菜却仍很有力气?” 禅师浅笑,答:“ ...

  2. iOS开发项目之三 [ 自定义tabBarCtrl]

    01 让tabBar的图片保持原样.图片渲染的处理 ctrl.tabBarItem.selectedImage = [[UIImage imageNamed:[NSString stringWithF ...

  3. salt执行报错一例

    执行报错: 查看服务端日志: 认证有问题 重新认证吧!!! minion端: [root@super66 ~]# cd /etc/salt/[root@super66 salt]# lsminion ...

  4. 三星S4接电话黑屏无法挂断通话

    最近发现S4的通话距离感应起出了问题,接电话后直接熄屏,按什么按钮都没有反应.通话结束后只能等对方挂断才会恢复正常,再或者长按9秒电源键强制重启.极大的影响了实用体验.网上搜了下,发现这样的问题还不少 ...

  5. Android Studio 想说爱你不容易

    开始使用Android Studio 真是非常痛苦的一段经历,而这一切的根源就在于GFW,俗称“墙” 如果避过墙来安装 AS,其实我已经在另外一篇文章中说明:http://www.cnblogs.co ...

  6. lucene 建立索引的不同方式

    1.创建一个简单的索引: package lia.meetlucene; import java.io.File; import org.apache.lucene.document.Document ...

  7. lucene 3.0.2 搜索

    1.lucene 词频 转载:http://mxdxm.iteye.com/blog/989031 lucene in action作为action系列,确实坚持了其实用性的特色.全书花了很大的篇幅来 ...

  8. SDUT 2610 Boring Counting（离散化+主席树区间内的区间求和）

    Boring Counting Time Limit: 3000MS Memory Limit: 65536KB Submit Statistic Discuss Problem Descriptio ...

  9. BZOJ 3289 Mato的文件管理（莫队+离散化求逆序数）

    3289: Mato的文件管理 Time Limit: 40 Sec  Memory Limit: 128 MB Submit: 2171  Solved: 891 [Submit][Status][ ...

  10. [办公自动化]利用Acrobat完成问卷调查或者考试卷

    整体思路:(软件环境Acrobat) 1.制作问卷. 采用word制作,制作基础页面,然后倒入.自己亲测时,发现一般的文字域是可以的,但是单选按钮就不能导入. 如果是考试卷,可以利用word制作基础页 ...