首页 / JAVASCRIPT / Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得

Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7906字，纯文字阅读大概需要12分钟。

内容图文

Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得

在工作中和手机通信用到web服务和javascriptSerializer，返回json数据，供手机端调用，一开始返回的数据是一大堆，比如

[{"word_picture9":"http://boss.xbxw.net/Upload/word/guojia/p_yinggelan.jpg","word_picture8":"http://boss.xbxw.net/Upload/word/guojia/p_zhongguo.jpg","word_voice2":"http://boss.xbxw.net/Upload/voice/approve.mp3","word_picture13":"http://boss.xbxw.net/Upload/word/gaokao/p_qingxu.jpg","word_voice14":"http://boss.xbxw.net/Upload/voice/Laos.mp3","word_picture10":"http://boss.xbxw.net/Upload/word/jijie/p_chuntian.jpg","word_voice11":"http://boss.xbxw.net/Upload/voice/Tidy.mp3","word_voice1":"http://boss.xbxw.net/Upload/voice/Mexico.mp3","word_picture15":"http://boss.xbxw.net/Upload/word/gaokao/p_dizhixue.jpg","word_picture16":"http://boss.xbxw.net/Upload/word/gaokao/p_youhuo.jpg","word_voice17":"http://boss.xbxw.net/Upload/voice/Austria.mp3","word_voice10":"http://boss.xbxw.net/Upload/voice/Spring.mp3","word_voice3":"http://boss.xbxw.net/Upload/voice/Giant.mp3","word_voice0":"http://boss.xbxw.net/Upload/voice/Fertilizer.mp3","word_picture12":"http://boss.xbxw.net/Upload/word/jiaotong/p_qianshuiting.jpg","word_picture17":"http://boss.xbxw.net/Upload/word/guojia/p_aodili.jpg","word_voice16":"http://boss.xbxw.net/Upload/voice/Temptation.mp3","word_voice6":"http://boss.xbxw.net/Upload/voice/Oxygen.mp3","word_voice12":"http://boss.xbxw.net/Upload/voice/submarine.mp3","word_voice13":"http://boss.xbxw.net/Upload/voice/mood.mp3","word_voice4":"http://boss.xbxw.net/Upload/voice/Volunteer.mp3","word_picture14":"http://boss.xbxw.net/Upload/word/guojia/p_laowo.jpg","word_voice5":"http://boss.xbxw.net/Upload/voice/label.mp3","word_voice8":"http://boss.xbxw.net/Upload/voice/china.mp3","word_voice9":"http://boss.xbxw.net/Upload/voice/England.mp3","word_picture11":"http://boss.xbxw.net/Upload/word/gaokao/p_zhegnjiede.jpg","word_voice7":"http://boss.xbxw.net/Upload/voice/Dusk.mp3","word_picture5":"http://boss.xbxw.net/Upload/word/gaokao/p_biaoqian.jpg","word_picture4":"http://boss.xbxw.net/Upload/word/gaokao/p_zhiyuanzhe.jpg","word_picture7":"http://boss.xbxw.net/Upload/word/gaokao/p_huanghun.jpg","word_picture6":"http://boss.xbxw.net/Upload/word/gaokao/p_yangqi.jpg","word_picture1":"http://boss.xbxw.net/Upload/word/guojia/p_moxige.jpg","word_picture0":"http://boss.xbxw.net/Upload/word/gaokao/p_feiliao.jpg","word_picture3":"http://boss.xbxw.net/Upload/word/gaokao/p_juren.jpg","word_picture2":"http://boss.xbxw.net/Upload/word/gaokao/p_pizhun.jpg","word_voice15":"http://boss.xbxw.net/Upload/voice/Geology.mp3"}]

用的方法是

///这个方法是得到单词相关信息

[WebMethod]
public string getWord(int ban)
{
CoDBHelper helper = new CoDBHelper("Server=120.192.19.41;database=KSXT;uid=sa;pwd=#rl42s3cx");
DataSet ds = helper.ExecuteQueryDS("select top 18 word_picture,word_voice from word where ban=" + ban + " order by newid()");
DataTable dt = new DataTable();
dt = ds.Tables[0];
Hashtable ht = new Hashtable();
ArrayList eventList = new ArrayList();
if (dt.Rows.Count > 0)
{
for (int i = 0; i < dt.Rows.Count; i++)
{

string word_picture = dt.Rows[i]["word_picture"].ToString();
string word_voice = dt.Rows[i]["word_voice"].ToString();
ht.Add("word_picture" + i, word_picture);
ht.Add("word_voice" + i, word_voice);

}
}
eventList.Add(ht);

JavaScriptSerializer ser = new JavaScriptSerializer();
String jsonStr = ser.Serialize(eventList);
return jsonStr;
}

通过下面原作者得到的结果看得到的数据应该是[{"name":"wanwan","age:65"},{"name":"xiaohua","age:25"}],这样的形式，而不是一个中括号，一个大括号了事，经过对上面的观察结合下面的文章，发现一个对象代表一条数据，所以，上面的应该改成

Hashtable ht = null;

ArrayList eventList = new ArrayList();
if (dt.Rows.Count > 0)
{
for (int i = 0; i < dt.Rows.Count; i++)
{
ht=new HashTable()
string word_picture = dt.Rows[i]["word_picture"].ToString();
string word_voice = dt.Rows[i]["word_voice"].ToString();
ht.Add("word_picture" + i, word_picture);
ht.Add("word_voice" + i, word_voice);
eventList.Add(ht);
}
}

这样，每次循环一次，new一个对象，然后对象添加到list集合里,循环玩后list集合里就集中了很多hashtable对象，每一个对象将来就是一个大括号里的数据，序列化完事后就是下面的样式

[{"word_picture0":"http://boss.xbxw.net/Upload/word/yueqi/p_xiaotiqin.jpg","word_voice0":"http://boss.xbxw.net/Upload/voice/violin.mp3"},{"word_voice1":"http://boss.xbxw.net/Upload/voice/drum.mp3","word_picture1":"http://boss.xbxw.net/Upload/word/yueqi/p_gu.jpg"},{"word_voice2":"http://boss.xbxw.net/Upload/voice/shovel.mp3","word_picture2":"http://boss.xbxw.net/Upload/word/shenghuo/p_chanzi.jpg"},{"word_picture3":"http://boss.xbxw.net/Upload/word/gaokao/p_fenmo.jpg","word_voice3":"http://boss.xbxw.net/Upload/voice/Powder.mp3"},{"word_voice4":"http://boss.xbxw.net/Upload/voice/Media.mp3","word_picture4":"http://boss.xbxw.net/Upload/word/gaokao/p_duomeiti.jpg"},{"word_picture5":"http://boss.xbxw.net/Upload/word/gaokao/p_luxianhangxian.jpg","word_voice5":"http://boss.xbxw.net/Upload/voice/Route.mp3"},{"word_picture6":"http://boss.xbxw.net/Upload/word/gaokao/p_wangluo.jpg","word_voice6":"http://boss.xbxw.net/Upload/voice/network.mp3"},{"word_picture7":"http://boss.xbxw.net/Upload/word/gaokao/p_guzhang.jpg","word_voice7":"http://boss.xbxw.net/Upload/voice/Applause.mp3"},{"word_voice8":"http://boss.xbxw.net/Upload/voice/Liberia.mp3","word_picture8":"http://boss.xbxw.net/Upload/word/guojia/p_libiliya.jpg"},{"word_picture9":"http://boss.xbxw.net/Upload/word/gaokao/p_qiyou.jpg","word_voice9":"http://boss.xbxw.net/Upload/voice/petrol.mp3"},{"word_voice10":"http://boss.xbxw.net/Upload/voice/Nylon.mp3","word_picture10":"http://boss.xbxw.net/Upload/word/gaokao/p_nilong.jpg"},{"word_picture11":"http://boss.xbxw.net/Upload/word/jiaotong/p_kache.jpg","word_voice11":"http://boss.xbxw.net/Upload/voice/Truck.mp3"},{"word_picture12":"http://boss.xbxw.net/Upload/word/guojia/p_baxi.jpg","word_voice12":"http://boss.xbxw.net/Upload/voice/Brazil.mp3"},{"word_voice13":"http://boss.xbxw.net/Upload/voice/sketch.mp3","word_picture13":"http://boss.xbxw.net/Upload/word/gaokao/p_sumiao.jpg"},{"word_picture14":"http://boss.xbxw.net/Upload/word/dianzi/p_shubiao.jpg","word_voice14":"http://boss.xbxw.net/Upload/voice/mouse.mp3"},{"word_voice15":"http://boss.xbxw.net/Upload/voice/deposit.mp3","word_picture15":"http://boss.xbxw.net/Upload/word/gaokao/p_cunkuan.jpg"},{"word_picture16":"http://boss.xbxw.net/Upload/word/jiaotong/p_tuolaji.jpg","word_voice16":"http://boss.xbxw.net/Upload/voice/tractor.mp3"},{"word_picture17":"http://boss.xbxw.net/Upload/word/jiaotong/p_silunmache.jpg","word_voice17":"http://boss.xbxw.net/Upload/voice/wagon.mp3"}]

下面是原来作者的

命名空间：

ASP.NET中的JSON序列化和反序列化还可以使用JavaScriptSerializer，在System.Web.Script.Serializatioin命名空间下，需引用System.Web.Extensions.dll.

实例：

class People
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public DateTime Age { get; set; }
    }

序列化：

List<People> list = new List<People>();
        People peo = new People();
        peo.Id = 1;
        peo.Name = "zhangsan";
        peo.Age = DateTime.Now;
         list.Add(peo);

         People peo2 = new People();
         peo2.Id = 2;
         peo2.Name = "lisi";
         peo2.Age = DateTime.Now;
         list.Add(peo2);

JavaScriptSerializer ser = new JavaScriptSerializer();

TextBox1.Text = ser.Serialize(list);

显示结果:

[

{"Id":1,"Name":"zhangsan","Age":"\/Date(1363336335448)\/"},

{"Id":2,"Name":"lisi","Age":"\/Date(1363336335448)\/"}

]

反序列化：

string json = TextBox1.Text;

JavaScriptSerializer ser=new JavaScriptSerializer();

List<People> list = ser.Deserialize<List<People>>(json);

        foreach (People peo in list)
        {
            Response.Write(peo.Name + "<br>" + peo.Id + "<br>" + peo.Age);
            Response.Write("<hr>");
        }

前台脚本解析:

$(":submit:eq(2)").click(function () {
                // return false;
                $.getJSON("../logic/October.ashx", { code: "one" }, function (data) {
                    $.each(data, function (key, val) {
                        $("p").append(key + "--->>" + val + "<br>");
                        $.each(val, function (k, v) {
                            $("h5").append(k+"---->>"+v+"<hr>");
                        });

                    });
                });
                return false;
            });

原文：http://www.cnblogs.com/wanshutao/p/3923952.html

内容总结

以上是互联网集市为您收集整理的Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得全部内容，希望文章能够帮你解决Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1168236.html

来源：【匿名】

【上一篇】js正则表达之中的字符【下一篇】javascript 怎么调用php方法

更多 ►

【Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得】教程文章相关的互联网学习教程文章

jquery.serialize() 函数语法及简单实例

jQuery - serialize() 方法 W3School给出的定义与用法：serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法 $(selector).serialize()详细说明 .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。-------------------...

jquery中serialize()序列化函数的实例详解

jquery系列教程6-AJAX全解jquery中serialize()序列化函数serialize()序列化，将元素转化为xx=xx&xx=xx&xx=xx字符串形式，不仅能用于表单。代码如下：$(":checkbox,:radio").serialize(); //只会将选中的值序列化//serializeArray序列化dom元素，返回JSON格式数据 var fields = $(":checkbox,:radio").serializeArray(); $.each(fields,function(i,field){field.key; //JSON的keyfield.value; //JSON的值});//$.param(...

jQuery序列化表单serialize()serializeArray()【图】

1、serialize()方法描述：序列化表单内容为字符串,用于Ajax请求。格式：var data = $("form").serialize();2.serializeArray()方法描述：序列化表单元素(类似.serialize()方法)返回JSON数据结构数据。注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者<a>第三方库</a>进行字符串化操作。格式：var jsonData = $("form").serializeArray();在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为$("f...

比较serializeArray()与serialize()的区别【图】

serialize()序列化表单元素为字符串，用于 Ajax 请求。　　serializeArray()序列化表单元素为JSON数据。　　具体实例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="application/javascript" src=...

对比JQuery中serialize()、serializeArray()和param()的区别和使用方法

serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，serializeArray()方法不是返回字符串，而是将DOM元素序列化后，返回JSON格式的数据下面是服务器端的jsp代码：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% request.setCharacterEncoding("UTF-8"); String username = request.getParameter("username"); String content = request.getParameter("content"); out....

JQuery中serialize()、serializeArray()和param()方法示例介绍

jQuery.serialize()函数实例用法详解

serialize()函数用于序列化一组表单元素，将表单内容编码为用于提交的字符串。serialize()函数常用于将表单内容序列化，以便用于AJAX提交。该函数主要根据用于提交的有效表单控件的name和value，将它们拼接为一个可直接用于表单提交的文本字符串，该字符串已经过标准的URL编码处理(字符集编码为UTF-8)。该函数不会序列化不需要提交的表单控件，这和常规的表单提交行为是一致的。例如：不在<form>标签内的表单控件不会被提交、没有n...

关于serialize序列化和号处理实例代码

少说多做，直接运行代码，代码中有注释： <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6 <title>serialize 序列化 +号处理</title> 7 </head> 8 <body> 9 <form id="form">10 <label>11 <input type="checkbox" name="r1" id="r1" value="前端工程师厉害！" />前端工程师12 </label>13 ...

jQuery序列化表单serialize()和serializeArray()使用方法

1.serialize()方法格式：var data = $("form").serialize();功能：将表单内容序列化成一个字符串。这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。实例：$(document).ready(function(){$("#btn").click(function(){alert($("#form1").serialize());});}) 你可以到这里运行查看结果。运行结果： category=php&content=myphp&list=2 2.serializeArray()方法格式：var jso...

jQuery-serialize()输出序列化form表单值的方法_jquery【图】

实例输出序列化表单值的结果：代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法代码如下: $(selector).serialize() 详细说明 .serialize() 方法创建以标准 URL 编...

表单序列化与jq中的serialize使用示例_javascript技巧【图】

代码如下: $(function () { $("#btnSubmit").click(function () { $.ajax({ type: "post", url: "Handler02.ashx", data: $("#frmUserInfo").serialize(), success: function (result) { $("#msg").html(result); } }); return false; }); }); 代码如下: /// /// Handler 的摘要说明 /// public class Handler02 : IHttpHandler { /// /// 请求处理 /// /// public void ProcessRequest(HttpContext context) ...

JQuery中serialize()、serializeArray()和param()方法示例介绍_jquery

下面是服务器端的jsp代码："+username+" : "+content+" "); %>与JQuery中其他方法一样，serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，用于ajax请求。通过使用serialize()方法，可以提交本页面的所有域，代码如下：$("#send").click(function(){ $.get("get1.jsp", $("#form1").serialize(), function(data, textStatus) $("#resText").html(data); }); });当单击“提交”按钮后，所有属于fo...

JQuery中serialize()用法实例分析_jquery【图】

本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下：一、serialize()定义和用法： serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法： $(selector).serialize() 详细说明 1、.serialize() 方法创建...

JQuery中serialize()序列化_javascript技巧

本文导读：在jQuery中，当我们使用ajax时，常常需要拼装input数据以键值对（Key/Value）的形式发送到服务器，用JQuery的serialize方法可以轻松的完成这个工作，使用这个方法可以将表单序列化为键值对（key1=value1&key2=value2…）后提交。下面介绍JQuery中serialize()的用法一、serialize()定义和用法：serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一...

jQuery中serializeArray()与serialize()的区别实例分析_jquery【图】

本文实例讲述了jQuery中serializeArray()与serialize()的区别。分享给大家供大家参考，具体如下： serialize()序列化表单元素为字符串，用于 Ajax 请求。 serializeArray()序列化表单元素为JSON数据。具体实例如下：serializeArray()与serialize()function onClik(){$("#results").html("serializeArray()与serialize()的区别如下：");var data1 = $("#form1").serializeArray(); //自动将form表单封装成json$("#results").append...

首页 / JAVASCRIPT / Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得

Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得

内容导读

内容图文

内容总结

内容备注

内容手机端

【Asp.Net中JSON的序列化和反序列化-----JavaScriptSerializer ,加上自己工作心得】教程文章相关的互联网学习教程文章

反序列化 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程