解析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源碼解讀之a(chǎn)ddClass()方法分析
這篇文章主要介紹了jQuery源碼解讀之a(chǎn)ddClass()方法,注釋形式較為詳細(xì)的分析了addClass()方法的實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jQuery用noConflict代替$的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query用noConflict代替$的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
JQuery $.each遍歷JavaScript數(shù)組對(duì)象實(shí)例
聲明了一個(gè)JSON字符串直接遍歷,在Chrome控制臺(tái)下面報(bào)錯(cuò),解決方法是將JSON字符串轉(zhuǎn)換為JavaScript對(duì)象2014-09-09
jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑
這篇文章主要介紹了jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
jquery學(xué)習(xí)筆記二 實(shí)現(xiàn)可編輯的表格
jquery學(xué)習(xí)筆記二 實(shí)現(xiàn)可編輯的表格,讓表格可以自由的編輯。2010-04-04
JavaScript?Canvas實(shí)現(xiàn)高清繪制效果
在我們?nèi)粘@L制canvas的時(shí)候都不可避免的遇到一個(gè)問題,那就是canvas繪制出來的東西可能會(huì)有模糊,所以本文為大家準(zhǔn)備了解決canvas繪制模糊的方法,希望對(duì)大家有所幫助2023-06-06

