您的位置：首页 > Web前端 > JQuery

关于Jquery中json的使用

2016-09-29 15:07 295 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.12.1.js"></script>
<script type="text/javascript" src="js/jquery.json-2.4.js" ></script>
</head>
<script>
$(function() {
//所谓的标准的json格式串，即以单引号开始和结尾的。'{}'
//1、json字符串转对象（eval），Eval方式可以转换以下标准和非标准格式字符串：
var jsonStr = '{"name":"毛毛"}';
console.info(eval('(' + jsonStr + ')'));
jsonStr = "{'name':'毛毛'}";
console.info(eval('(' + jsonStr + ')'));
jsonStr = "{name:'毛毛'}";
console.info(eval('(' + jsonStr + ')'));
//2、parseJSON函数：只能转换标准的json字符串
console.info("$.parseJSON");
jsonStr = '{"name":"毛毛"}';
console.info($.parseJSON(jsonStr));
//3、JSON.parse，只能转换标准的json字符串
console.info("JSON.parse");
console.info(JSON.parse(jsonStr));
//4、$.toJSON,将普通的js对象序列化为JSON字符串,前台向后台传递时用的较多（只能传递字符串）
console.info("$.toJSON");
var param = {
group: ['1', '2']
};
jsonStr = $.toJSON(param);
console.info(jsonStr);
//5、$.parseJSON将json字符串转为js对象
console.info("$.parseJSON");
var obj = $.parseJSON(jsonStr);
console.info(obj);
console.info(obj.group);
//6、复杂的json格式对象,$.parseJson只能转换标准的json格式，即'{}'
var complexStr = '{"group":{"name":"毛毛","age":"0"}}';
var toJson = $.parseJSON(complexStr);
console.info(toJson);
complexStr = '{group:{name:"毛毛",age:0}}';
//ps:eval()函数是弱类型转换，即便是不标准的json串，也能尝试转换为js对象
//但是其他的就只能转换标准的json串
toJson = eval('('+complexStr + ')');
console.info(toJson);

})
</script>

<body>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航