解析JSON對象與字符串之間的相互轉換
在開發(fā)的過程中,如果對于少量參數(shù)的前后臺傳遞,可以直接采用ajax的data函數(shù),按json格式傳遞,后臺Request即可,但有的時候,需要傳遞多個參數(shù),這樣后臺
接受的時候Request多個很麻煩,此時要按照類的格式或者 集合的形式進行傳遞。
例如:前臺按類的格式傳遞JSON對象:
var jsonUserInfo = "{\"TUserName\":\"" + userName + "\",\"TInterest\":\"" + interest + "\",\"TSex\":\"" + sex + "\",\"TCity\":\"" + city + "\",\"TDetail\":\"" + detail + "\"}";
如拼出的jsonUserInfo 無轉義符號,需要var jsonArrayFinal = JSON.stringify(jsonArray);進行轉換后再傳遞。
$.ajax(
{
type: "post",
url: "ReceiveHandler1.ashx",
data: { userInfo: jsonUserInfo, flag: "123456", key: "654321" },
dataType: "text",
success: function(data) {
$("#divShow").html(data);
}
});
如果前臺傳遞多個類格式的JSON數(shù)組,也就是集合類型:
例如:
[{"name":"a"},{"name","b"},{"name","c"}],則無法傳遞,此時必須使用JSON.stringify將數(shù)組對象轉換成字符串,再進行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
JSON.stringify()
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,一般現(xiàn)在用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轉為字符串。
相關文章
jQuery實現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼
這篇文章主要介紹了jQuery實現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼,通過jQuery響應鼠標事件遍歷頁面元素實現(xiàn)伸縮菜單的效果,非常簡單實用,需要的朋友可以參考下2015-09-09詳解JavaScript中jQuery和Ajax以及JSONP的聯(lián)合使用
這篇文章主要介紹了詳解JavaScript中jQuery和Ajax以及JSONP的聯(lián)合使用,jQuery庫和Ajax異步結構以及JSON數(shù)據(jù)傳輸也是JS日常編程中最常用到的東西,需要的朋友可以參考下2015-08-08jQuery自定義圖片縮放拖拽插件imageQ實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了jQuery自定義圖片縮放拖拽插件imageQ實現(xiàn)方法,涉及jQuery擴展操作及頁面元素操作技巧,并附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-05-05JqueryMobile動態(tài)生成listView并實現(xiàn)刷新的兩種方法
本篇文章主要是對JqueryMobile動態(tài)生成listView并實現(xiàn)刷新的兩種方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03jQuery下通過replace字符串替換實現(xiàn)大小圖片切換
實現(xiàn)的效果有點類似于Google picasa相冊不同尺寸圖片的切換效果。本實例通過文字大?。╢ont-size)控制圖片尺寸的做法是跟Google學習的,但是jQuery代碼是根據(jù)效果自己想出來的,邏輯很簡單,沒有什么精妙之處2012-05-05