JSON

【AJAX学习笔记】JSON数据编码解码技术

字号+ 作者:H5之家 来源:H5之家 2015-12-21 10:35 我要评论( )

作者:一点一滴的Beer 个人主页: 1.客户端JSON对象和字符串之间的转换和引用(JavaScript): 从官网下载:json.js,放在/js目录下 里面提供了一些JAVASCRIPT函数实现 JSON Object 和Json Text之间的相互转换。 它里面虽然代码众多,但是供外界调用的也只有两个

 

作者:一点一滴的Beer 个人主页:

 

1.客户端JSON对象和字符串之间的转换和引用(JavaScript):

从官网下载:json.js,放在/js目录下

里面提供了一些JAVASCRIPT函数实现 JSON Object 和Json Text之间的相互转换。

它里面虽然代码众多,但是供外界调用的也只有两个函数――一个编码函数一个解码函数:

value, replacer, space);//后面两个参数是可选项

JSON.parse(text, reviver);//后面的参数是可选项

调用方法示例:

var jsonText = ; //把json编码成text

var jsonObject =;/把text解码成json

Json2String.html:将json编码成string

Json2String

String2Json.html:将string解码成Json

String2Json

下面的这段方法是在客户端提取Josn的Key对象:

代码

 

2.服务器端JSON对象和字符串之间的转换和引用(C#):

从官网上下载JSON.cs,放在App_Code文件目录下

里面提供了一些基于C#的函数实现Json Text和 C# Object之间的相互转换。

里面函数虽然众多,但是直接给外部调用的只有两个:

调用方法示例:

3.对中文的支持

3.1服务器端编码-客户端解码

服务器端的“JSON.cs”文件提供的方法,对中文编码有良好的支持,在编码时,服务器端会自动将中文编码成其对应的Unicode代号。

经过JSON.CS编码:

mySourceHT哈希表的内容为:

城市花园线: "10031"

 柘电线: "10004"

 桥北环: "10002"

桥西环: "10001"

浔阳江畔线: "10030"

经过JSON.JsonEncode((object)mySourceHT);编码后得到strEnCode,查看中间变量值,发现strEnCode里面的中文字段全部变成了UniCode代号,其值如下:

{"\u57ce\u5e02\u82b1\u56ed\u7ebf":"10031",

"\u67d8\u7535\u7ebf":"10004",

"\u6d54\u9633\u6c5f\u7554\u7ebf":"10030",

"\u6865\u5317\u73af":"10002", "\u6865\u897f\u73af":"10001"

}

这样的字符串经过异步通讯传递到客户端后,由JavaScript函数承接

客户端示例代码:

 

function Select_BianDianZhan_CallBackComplete(result)
{
var myObject = JSON.parse(result);//把text转换成json
var rs="";
var k=0;
var ddl_HMC= document.getElementById("DDL_HuanMingchen");//统计条件下拉框 的当前值
// debugger;
for(var i in myObject){
if(typeof myObject[i]=="string"){
rs+=i+';';
}
}
var BDZ_Text=rs.split(';');//得到了所有的options的Text了
alert(rs);

}

 


例如:json字符串传递过来至参数result中,经过var myObject = JSON.parse(result);解码后就变成了如下结果:

 

myObject

{...}

城市花园线: "10031"

柘电线: "10004"

桥北环: "10002"

桥西环: "10001"

浔阳江畔线: "10030"

所以,中文字符从服务器端传递到客户端时,不需要采取任何额外的措施就可以完成中文字符的传输。

3.2客户端编码-服务器端解码

客户端对中文编码的处理:

//下面的字符全部用UNICODE进行编码

"TB_SheBeiMC_Value":(TB_SheBeiMC_Value),

"TB_ShengChanCJ_Value":escape(TB_ShengChanCJ_Value),

对于中文输入,需要经过函数处理后再进行json编码,否则就出现乱码了。

服务器端中文解码处理:

//下面的几个变量要进行UNICODE的编码的解码

string TB_SheBeiMC_Value = (hstb["TB_SheBeiMC_Value"].ToString());

string TB_ShengChanCJ_Value = HttpContext.Current.Server.UrlDecode(hstb["TB_ShengChanCJ_Value"].ToString());//对Unicode进行解码--对应的JS函数是escape()

服务器端用HttpContext.Current.Server.UrlDecode()函数就可以将客户端escape()函数的处理效果转码成中文,这样就完成了中文从客户端到服务器端的传送了。

最后附一张JSON编码解码流程图:

image

-----------------------------------------------

Author:一点一滴的Beer

Email /Gtalk:dreamzsm@gmail.com

From:

Notes:欢迎转贴,但请务必在页面显眼处加个链接注明出处,请尊重作者的成果^_^

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  •  JSON入门级学习总结-JSON数据结构

    JSON入门级学习总结-JSON数据结构

    2016-02-25 11:05

  • ASP.NET Web API 2 返回 Json格式

    ASP.NET Web API 2 返回 Json格式

    2016-02-10 17:18

  • struts2+ajax+json action向页面返回int型数据,页面报异常org.a

    struts2+ajax+json action向页面返回int型数据,页面报异常org.a

    2016-01-31 15:35

  • json学习之三:JSONArray的应用

    json学习之三:JSONArray的应用

    2016-01-30 12:32

网友点评
d