JS 中 JSON 對象與字符串之間的相互轉換


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

接受的時候Request多個很麻煩,此時要按照類的格式 或 集合的形式進行傳遞。

1、傳遞單一對象Json

  例如:前台按類的格式傳遞JSON對象:

  var jsonUser = "{\"UserName\":\"" + userName  + "\",\"Sex\":\"" + sex + "\",\"City\":\"" + city + "\",\"Age\":\"" + age+ "\"}";

  如拼出的 jsonUser 無轉義符號,需要 var jsonArrayFinal = JSON.stringify(jsonArray); 進行轉換后再傳遞。

$.ajax(
  {
    type: "post",
    url: "UserHandler.ashx",
    data: { userInfo: jsonUser, flag: "1", key: "1" },
    dataType: "text",
    success: function(data) {
      $("#divMsg").html(data);
    }
 });

2、傳遞集合類型Json

  如果前台傳遞多個類格式的 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 

  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轉為字符串。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM