首頁  >  文章  >  web前端  >  詳解JSON物件與字串之間轉換實例

詳解JSON物件與字串之間轉換實例

零下一度
零下一度原創
2018-05-18 11:27:512014瀏覽

在開發的過程中,如果對於少量參數的前後台傳遞,可以直接採用ajax的data函數,按json格式傳遞,後台Request即可,但有的時候,需要傳遞多個參數,這樣後台

接受的時候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) {                            
$("#pShow").html(data);                       
 } });

如果前台傳遞多個類別格式的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
JSON.stringify()

ie8(相容模式),ie7和ie6沒有JSON對象,不過www.json.org/js.html提供了一個json.js,這樣ie8(相容模式),ie7和ie6就可以支援JSON物件以及其stringify()和parse()方法;你可以在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轉為字串。

以上是詳解JSON物件與字串之間轉換實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn