json2.js的作用与使用示例
2015-12-18 14:43
711 查看
工作中,如果公司要求你兼容ie6、7,那么你可以辞职了,开个玩笑;
关于json,本文不作介绍,介绍一下json字符串和对象的相互转换;
在各大主浏览器及ie8+,我们可以使用内置方法JSON.stringify([obj])和JSON.parse([str]),但是如果在ie6、7下使用,则会报以下错误:
为了兼容,我们可以使用json2.js插件,以下是使用示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/json2.js"></script>
</head>
<style>
* {padding: 0; margin: 0;}
</style>
<body>
<textarea name="" id="" cols="30" rows="10"></textarea>
<script>
var jsonData = {
staff: [
{name: "hwb", sex: "male"},
{name: "hwj", sex: "female"}
]
};
//序列化为json字符串
var str = JSON.stringify(jsonData);
//反序列化为json对象
str = str + "<------>" + JSON.parse(str);
$("textarea").append(str);
</script>
</body>
</html>
关于json,本文不作介绍,介绍一下json字符串和对象的相互转换;
在各大主浏览器及ie8+,我们可以使用内置方法JSON.stringify([obj])和JSON.parse([str]),但是如果在ie6、7下使用,则会报以下错误:
为了兼容,我们可以使用json2.js插件,以下是使用示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/json2.js"></script>
</head>
<style>
* {padding: 0; margin: 0;}
</style>
<body>
<textarea name="" id="" cols="30" rows="10"></textarea>
<script>
var jsonData = {
staff: [
{name: "hwb", sex: "male"},
{name: "hwj", sex: "female"}
]
};
//序列化为json字符串
var str = JSON.stringify(jsonData);
//反序列化为json对象
str = str + "<------>" + JSON.parse(str);
$("textarea").append(str);
</script>
</body>
</html>
相关文章推荐
- js获取url传值的方法
- js验证input不为空且两次输入密码相同
- Ext.js5的带分页的表格(10)
- Servlet/JSP随笔录
- 利用VBA将excel数据表生成JSON文件(utf8)
- 计时器 setInterval clearInterval setTimeout
- jsp页面出现两个相同id的标签的读取顺序
- Ext.js5的表格的排序扩展(7)
- javascript级联菜单的操作
- leetcode(58)Length of Last Word js代码实现
- Ext.js5带子标题的标题的表格(6)
- JavaScript setTimeout使用闭包功能实现定时打印数值
- JS如何获取上传标签的文件路径和文件名?
- javascript JSON.stringify 语法实例讲解
- JavaScript验证手机号是否正确(正则表达式)
- Javascript生成GUID
- javascript closure
- How do JavaScript closures work?
- javascript 中arguments.callee 调用自身
- js数组引用传递