在開發的過程中,如果對於少量參數的前后台傳遞,可以直接采用ajax的data函數,按json格式傳遞,后台Request即可,但有的時候,需要傳遞多個參數,這樣后台
接受的時候Request多個很麻煩,此時要按照類的格式 或 集合的形式進行傳遞。
1、傳遞單一對象Json
例如:前台按類的格式傳遞JSON對象:
var jsonUser = "{\"UserName\":\"" + userName + "\",\"Sex\":\"" + sex + "\",\"City\":\"" + city + "\",\"Age\":\"" + age+ "\"}";
如拼出的 jsonUser 無轉義符號,需要 var jsonArrayFinal = JSON.stringify(jsonArray); 進行轉換后再傳遞。
$.ajax( { type: "post", url: "UserHandler.ashx", data: { userInfo: jsonUser, flag: "1", key: "1" }, dataType: "text", success: function(data) { $("#divMsg").html(data); } });
2、傳遞集合類型Json
如果前台傳遞多個類格式的 JSON 數組,也就是集合類型,如下:
[{"name":"a"},{"name","b"},{"name","c"}]
此時必須使用 JSON.stringify 將數組對象轉換成字符串,再進行AJAX傳遞即可。
比如我有兩個變量,我要將a轉換成字符串,將b轉換成JSON對象:
var a={"name":"tom","sex":"男","age":"24"};
var b='{"name":"Mike","sex":"女","age":"29"}';
在Firefox,chrome,opera,safari,ie9,ie8等高級瀏覽器直接可以用JSON對象的 stringify() 和 parse() 方法。
JSON.stringify(obj) 將JSON轉為字符串,JSON.parse(string) 將字符串轉為JSON格式;
上面的轉換可以這么寫:
var a={"name":"tom","sex":"男","age":"24"}; var b='{"name":"Mike","sex":"女","age":"29"}'; var aToStr=JSON.stringify(a); var bToObj=JSON.parse(b); alert(typeof(aToStr)); //string alert(typeof(bToObj));//object
ie8(兼容模式)、ie7和ie6沒有JSON對象,不過http://www.json.org/js.html提供了一個json.js,這樣ie8(兼容模式)、ie7和ie6就可以支持JSON對象以及其stringify()和parse()方法;可以在 https://github.com/douglascrockford/JSON-js 上獲取到這個js,一般現在用json2.js。
ie8(兼容模式)、ie7、ie6可以使用 eval() 將字符串轉為JSON對象,
var c='{"name":"Mike","sex":"女","age":"29"}'; var cToObj=eval("("+c+")"); alert(typeof(cToObj));
jQuery中也有將字符串轉為JSON格式的方法 jQuery.parseJSON( json ),接受一個標准格式的 JSON 字符串,並返回解析后的 JavaScript (JSON)對象。當然如果有興趣可以自己封裝一個jQuery擴展,jQuery.stringifyJSON(obj) 將JSON轉為字符串。