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

2022-05-10 14:24:22 浏览数 (1)

作者：一点一滴的Beer 个人主页:http://www.cnblogs.com/beer

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

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

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

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

代码语言：javascript复制
value, replacer, space);//后面两个参数是可选项
JSON.parse(text, reviver);//后面的参数是可选项

调用方法示例：

代码语言：javascript复制
var jsonText = ; //把json编码成text
var jsonObject =;/把text解码成json

Json2String.html：将json编码成string

代码语言：javascript复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP '1.jsp' starting page</title>
<script type="text/javascript" src="js/json.js"></script>
</head>
<body>
<script type="text/javascript">
function test()
{
var myObject =
{
"bindings":
[
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};
var myJSONText = JSON.stringify(myObject);
alert("自我测试" myJSONText);
}
</script>
<input type="button" onClick="test()" value="使用这个script" />
</body>
</html>

String2Json.html：将string解码成Json

代码语言：javascript复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP '1.jsp' starting page</title>
<script type="text/javascript" src="js/json.js"></script>
</head>
<body>
<script type="text/javascript">
function myEval() {
var myJSONtext = '{ "name": "Violet", "occupation": "character" }';
var myObject = JSON.parse(myJSONtext);
alert(myObject.name);
alert(myObject[3]);
}
</script>
<script type="text/javascript">
var json={
"id1":{"name":"张三","sex":"男"},
"student2":{"name":"老四","sex":"女"},
"id3":{"name":"王五","sex":"男"}
} ;
//debugger;
recurJson(json);
function recurJson(json)
{
for(var i in json){
if(typeof json[i]=="object"){
document.write(i " <br>");
}
}
}
</script>
<input type="button" onClick="myEval()" value="使用这个script" />
</body>
</html>

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

代码

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

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

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

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

代码语言：javascript复制
public static object JsonDecode(string json)
public static string JsonEncode(object json)

调用方法示例：

代码语言：javascript复制
//Hashtable数据表编码成json字符串
Hashtable mySourceTotal = new Hashtable();//承载数据的哈希表。
string strEnCode = JSON.JsonEncode((object)mySourceTotal);//编码成字符串成功了

//json字符串解码成Hashtable数据表
object arrayObj;
arrayObj = new Hashtable();
arrayObj = JSON.JsonDecode(str_QuertConditon);

3.对中文的支持

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

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

经过JSON.CS编码:

代码语言：javascript复制
private string getRenderCode(string str_Select_BDZ_Value)
    {
        DBOperator.DBShell dbShell = new DBOperator.DBShell();//引用 数据库操作的dll文件
        if (dbShell == null)
            dbShell = new DBOperator.DBShell();

        string strCmd = "select * from SB_XL_H WHERE nparentid='"   str_Select_BDZ_Value   "'";
        DataTable dt_hmc = dbShell.OleDbDtExecuteSelectCmd(strCmd);//环名称 数据表
        dt_hmc.TableName = "环名称";

        //现在开始编码
        // Creates and initializes the source Hashtable.
        Hashtable mySourceHT = new Hashtable();
        for (int i = 0; i < dt_hmc.Rows.Count;i  )
        {
            mySourceHT.Add(dt_hmc.Rows[i]["XL_H_MC"], dt_hmc.Rows[i]["XL_H_BH"]);
        }
        
        string strEnCode = JSON.JsonEncode((object)mySourceHT);//编码成字符串成功了，然后就能通过ICALLBACK来进行异步发送了。
        return strEnCode;//将编码成JSON的字符串返回

    }

mySourceHT哈希表的内容为：

代码语言：javascript复制
城市花园线: "10031"
 柘电线: "10004"
 桥北环: "10002"
桥西环: "10001"
浔阳江畔线: "10030"

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

代码语言：javascript复制
{"u57ceu5e02u82b1u56edu7ebf":"10031",
"u67d8u7535u7ebf":"10004",
"u6d54u9633u6c5fu7554u7ebf":"10030",
"u6865u5317u73af":"10002", "u6865u897fu73af":"10001"
}

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

客户端示例代码：

代码语言：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客户端编码－服务器端解码

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

代码语言：javascript复制
//下面的字符全部用UNICODE进行编码
"TB_SheBeiMC_Value":(TB_SheBeiMC_Value),
"TB_ShengChanCJ_Value":escape(TB_ShengChanCJ_Value),

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

服务器端中文解码处理：

代码语言：javascript复制
//下面的几个变量要进行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编码解码流程图：

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

Author:一点一滴的Beer

Email /Gtalk:dreamzsm@gmail.com

From:http://www.cnblogs.com/beer

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

unicode json c# 编程算法 html

0 人点赞