從零開始做了兩個月多一點的.NET開發,期間經常遇到需要從Web前台傳數據給后台處理的情況。比如下面(用了jQuery的Ajax Post),這里為了演示方便沒有對參數進行encodeURIComponent操作:
$.post( "/Home/Index", { "name": "feichexia", "age": 23, "email": "feichexia@yahoo.com.cn" } function(data) { // TODO }
}
然后ASP.NET后台的HomeController.cs中的的Index Action可能這么處理:
public ActionResult Index(string name, int? age, string email) { // TODO
}
這樣做沒什么不好,只不過這里想提供一種新的方式來傳遞參數:將具有關聯性的幾個參數放在一起以對象的形式傳給后台,這樣更加符合OO的封裝思想。
先來看看JS操作JSON的方法:
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式,采用完全獨立於語言的文本格式,是理想的數據交換格式。同時,JSON是 JavaScript 原生格式,這意味着在 JavaScript 中處理 JSON數據不須要任何特殊的 API 或工具包。 本文主要是對JS操作JSON的要領做下總結。 在JSON中,有兩種結構:對象和數組。 1. 一個對象以“{”(左括號)開始,“}”(右括號)結束。每個“名稱”后跟一個“:”(冒號);“‘名稱/值’ 對”之間運用 “,”(逗號)分隔。 名稱用引號括起來;值如果是字符串則必須用括號,數值型則不須要。例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}; 2. 數組是值(value)的有序集合。一個數組以“[”(左中括號)開始,“]”(右中括號)結束。值之間運用 “,”(逗號)分隔。 例如: var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}]; 為了方便地處理JSON數據,JSON提供了json.js包,下載地址:http://www.json.org/json.js
在數據傳輸流程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉換是關鍵。例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON對象: var str2 = { "name": "cxh", "sex": "man" }; 一、JSON字符串轉換為JSON對象 要運用上面的str1,必須運用下面的要領先轉化為JSON對象: //由JSON字符串轉換為JSON對象
var obj = eval('(' + str + ')'); 或者 var obj = str.parseJSON(); //由JSON字符串轉換為JSON對象 或者 var obj = JSON.parse(str); //由JSON字符串轉換為JSON對象
然后,就可以這樣讀取: alert(obj.name); alert(obj.sex); 特別留心:如果obj本來就是一個JSON對象,那么運用 eval()函數轉換后(哪怕是多次轉換)還是JSON對象,但是運用 parseJSON()函數處理后會有疑問(拋出語法異常)。 二、可以運用 toJSONString()或者全局的JSON.stringify()函數將JSON對象轉化為JSON字符串。 例如: var last=obj.toJSONString(); //將JSON對象轉化為JSON字符
或者 var last=JSON.stringify(obj); //將JSON對象轉化為JSON字符
alert(last); 留心: 上面的多個要領中,除了eval()函數是js自帶的之外,其他的多個要領都來自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個要領都注入到了 Javascript 的內建對象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領,則說明您的json包版本太低。
說了這么多最關鍵的就兩個JSON.stringfy()和JSON.parse(),前者將JSON對象轉為JSON字符串(序列化),后者將JSON字符串轉為JSON對象(反序列化)。
這樣就簡單了,前端:
var person = { "name": "feichexia", "age": 23, "email": "feichexia@yahoo.com.cn" }; $.post( "/Home/Index", { "person": encodeURIComponent(JSON.stringify(person)) }, function(data) { // TODO
} );
ASP.NET后台只需要這樣:
public ActionResult Index(string person) { JavaScriptSeriliazer serializer = new JavaScriptSeriliazer(); Person p = (Person) serializer.Deseriliaze(person); // TODO
return View(); }
如果ASP.NET后台傳回給前台的是JSON對象字符串,那么前台只需要調用JSON.parse即可反序列化為JSON對象。