解析JSON對象與字串之間的相互轉換_jquery

來源:互聯網
上載者:User

在開發的過程中,如果對於少量參數的前後台傳遞,可以直接採用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) {
                            $("#divShow").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對象,不過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轉為字串。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.