JSON字符串和對象的轉換
阿新 • • 發佈:2019-04-12
function www. name itl onload 對象 方法 -s -h
1.json對象轉字符串
<script type="text/javascript">
window.onload = function () {
var jsonObj = { "name": "張三", "sge": 18, "sex": "男" };
var jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr);//輸出: ‘{ "name": "張三", "sge": 18, "sex": "男" }‘
}
</script>
2.json字符串轉對象
.使用JSON.parse()函數;
<script type="text/javascript">
window.onload = function () {
var jsonStr =‘ { "name": "張三", "sge": 18, "sex": "男" }‘;
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj); //輸出: { "name": "張三", "sge": 18, "sex": "男" } }
</script>
. 使用eval()函數;
<script type="text/javascript">
window.onload = function () {
var jsonStr =‘ { "name": "張三", "sge": 18, "sex": "男" }‘;
var jsonObj = eval("("+jsonStr+")");
console.log(jsonObj);//輸出: { "name": "張三", "sge": 18, "sex": "男" }
}
</script>
.使用jQuery插件jQuery.parseJSON();
<script type="text/javascript">
$(document).ready(function () {
var jsonStr = ‘ { "name": "張三", "sge": 18, "sex": "男" }‘;
var jsonObj = jQuery.parseJSON(jsonStr);
console.log(jsonObj); //輸出: { "name": "張三", "sge": 18, "sex": "男" }
});
</script>
使用jQuery插件jQuery.parseJSON()的時候,需要引用json3.js,JSON官方(http://www.json.org/)提供了一個json3.js,提供了JSON的序列化和反序列化方法,可以將一個JSON對象轉換成JSON字符串,也可以將一個JSON字符串轉換成一個JSON對象。這樣ie8(兼容模式),ie7和ie6就可以支持JSON對象以及其stringify()和parse()方法;
JSON 3是與各種JavaScript平臺兼容的現代JSON實現,包括Internet Explorer 6,Opera 7,Safari 2和Netscape 6.當前版本是3.3.2。 可以在 https://bestiejs.github.io/json3/ 獲取到這個js. 現在一般用json3.js json3.js本地下載地址:http://download.csdn.net/download/chenchunlin526/10170731 使用方法: 使用該js包,需要在頁面引入json3.js文件。 <script src="js/json3.js"></script>
JSON字符串和對象的轉換