前台頁面中json和字符串相互轉化

 

比如我有兩個變量，我要將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/提供了一個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轉為字符串。

 

js，jquery把json格式轉化為對象類型

 

 $(function () {
            var jsonStr = "[{ \"city\": \"Beijing\",\"street\": \" Chaoyang Road\", \"postcode\": \"100025 \"},{ \"city\": \"上海\",\"street\": \" h\", \"postcode\": \"h \"}]"//json格式 var jsonS = $.parseJSON(jsonStr); //jquery的.parseJSON（）方法 for (var i = 0; i < jsonS.length; i++) { var json = jsonS[i]; alert(json.city); //結果為 輸出2次 一次北京 一次上海  } }); function () { var jsonStr = "[{ \"city\": \"Beijing\",\"street\": \" Chaoyang Road\", \"postcode\": \"100025 \"},{ \"city\": \"上海\",\"street\": \" h\", \"postcode\": \"h \"}]"//json格式 var jsonS = eval(jsonStr); //js的eval(）方法 for (var i = 0; i < jsonS.length; i++) { var json = jsonS[i]; alert(json.city); //結果為 輸出2次 一次北京 一次上海  } }

 常錯提示1：在拼接json的時候最好給元素的值加上引號。當值為字符串時，必須要引號，否則報錯，當值為數值時，可不要引號。綜合考慮，可都加引號，避免出錯。

 result = "{\"contactor\":\"" + list[0].Contactor + "\",\"mobile\":\"" + list[0].Mobile + "\"}";

參考資料：http://www.css88.com/archives/3919