解析JSON對(duì)象與字符串之間的相互轉(zhuǎn)換
在開發(fā)的過程中,如果對(duì)于少量參數(shù)的前后臺(tái)傳遞,可以直接采用ajax的data函數(shù),按json格式傳遞,后臺(tái)Request即可,但有的時(shí)候,需要傳遞多個(gè)參數(shù),這樣后臺(tái)
接受的時(shí)候Request多個(gè)很麻煩,此時(shí)要按照類的格式或者 集合的形式進(jìn)行傳遞。
例如:前臺(tái)按類的格式傳遞JSON對(duì)象:
var jsonUserInfo = "{\"TUserName\":\"" + userName + "\",\"TInterest\":\"" + interest + "\",\"TSex\":\"" + sex + "\",\"TCity\":\"" + city + "\",\"TDetail\":\"" + detail + "\"}";
如拼出的jsonUserInfo 無轉(zhuǎn)義符號(hào),需要var jsonArrayFinal = JSON.stringify(jsonArray);進(jìn)行轉(zhuǎn)換后再傳遞。
$.ajax(
{
type: "post",
url: "ReceiveHandler1.ashx",
data: { userInfo: jsonUserInfo, flag: "123456", key: "654321" },
dataType: "text",
success: function(data) {
$("#divShow").html(data);
}
});
如果前臺(tái)傳遞多個(gè)類格式的JSON數(shù)組,也就是集合類型:
例如:
[{"name":"a"},{"name","b"},{"name","c"}],則無法傳遞,此時(shí)必須使用JSON.stringify將數(shù)組對(duì)象轉(zhuǎn)換成字符串,再進(jìn)行AJAX傳遞即可。
比如我有兩個(gè)變量,我要將a轉(zhuǎn)換成字符串,將b轉(zhuǎn)換成JSON對(duì)象:
var a={"name":"tom","sex":"男","age":"24"};
var b='{"name":"Mike","sex":"女","age":"29"}';
在Firefox,chrome,opera,safari,ie9,ie8等高級(jí)瀏覽器直接可以用JSON對(duì)象的stringify()和parse()方法。
JSON.stringify(obj)將JSON轉(zhuǎn)為字符串。JSON.parse(string)將字符串轉(zhuǎn)為JSON格式;
上面的轉(zhuǎn)換可以這么寫:
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對(duì)象,不過http://www.json.org/js.html提供了一個(gè)json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對(duì)象以及其stringify()和parse()方法;你可以在https://github.com/douglascrockford/JSON-js上獲取到這個(gè)js,一般現(xiàn)在用json2.js。
ie8(兼容模式),ie7和ie6可以使用eval()將字符串轉(zhuǎn)為JSON對(duì)象,
var c='{"name":"Mike","sex":"女","age":"29"}';
var cToObj=eval("("+c+")");
alert(typeof(cToObj));
jQuery中也有將字符串轉(zhuǎn)為JSON格式的方法jQuery.parseJSON( json ),接受一個(gè)標(biāo)準(zhǔn)格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)對(duì)象。當(dāng)然如果有興趣可以自己封裝一個(gè)jQuery擴(kuò)展,jQuery.stringifyJSON(obj)將JSON轉(zhuǎn)為字符串。
相關(guān)文章
jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼,通過jQuery響應(yīng)鼠標(biāo)事件遍歷頁面元素實(shí)現(xiàn)伸縮菜單的效果,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09詳解JavaScript中jQuery和Ajax以及JSONP的聯(lián)合使用
這篇文章主要介紹了詳解JavaScript中jQuery和Ajax以及JSONP的聯(lián)合使用,jQuery庫和Ajax異步結(jié)構(gòu)以及JSON數(shù)據(jù)傳輸也是JS日常編程中最常用到的東西,需要的朋友可以參考下2015-08-08jQuery自定義圖片縮放拖拽插件imageQ實(shí)現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了jQuery自定義圖片縮放拖拽插件imageQ實(shí)現(xiàn)方法,涉及jQuery擴(kuò)展操作及頁面元素操作技巧,并附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-05-05JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法
本篇文章主要是對(duì)JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-03-03jquery中g(shù)et和post的簡單實(shí)例
本篇文章主要是對(duì)jquery中g(shù)et和post的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02jQuery下通過replace字符串替換實(shí)現(xiàn)大小圖片切換
實(shí)現(xiàn)的效果有點(diǎn)類似于Google picasa相冊不同尺寸圖片的切換效果。本實(shí)例通過文字大?。╢ont-size)控制圖片尺寸的做法是跟Google學(xué)習(xí)的,但是jQuery代碼是根據(jù)效果自己想出來的,邏輯很簡單,沒有什么精妙之處2012-05-05