JSON易于机器解析和生成,方便进行数据交流。我们通常在服务器上读取JSON数据,然后将JSON数据转换为js对象再进行使用
JSON格式说明:http://www.json.org/json-zh.html
在 JSON 中的属性名是需要使用引号引起来的
一、JSON.parse(str)和JSON.stringify(a)方法
1.parse方法--从字符串中解析出json对象
var str='{"name":"anna","age":"18"}'
sonsole.log(JSON.parse(str));
打印结果:是一个json对象
2.stringify用于从一个对象解析出字符
var a={a:1,b:2}
console.log(JSON.stringify(a))// "{"a":1,"b":2}"
二、使用JSON数据
var strInfo = "{'name':'nana','sex':'女','email':'daydayup@qq.com','detal':123456789}";
$(function () {
//指定按钮文字变量
var strV0 = "原始数据";
var strV1 = "变化数据";
$("#Button1").click(function () {
//按钮单击事件
var strHTML = ""; //初始化保存内容变量
var objInfo = eval('(' + strInfo + ')'); //将字符串转成JSON对象
//根据按钮文字改变JSON对象中的值
if ($(this).val() == strV1) {
objInfo.date = new Data().getTime();
}
strHTML += "姓名:" + objInfo.name + "<br>";
strHTML += "性别:" + objInfo.sex + "<br>";
strHTML += "邮箱:" + objInfo.email + "<br>";
strHTML += "时间:" + objInfo.date + "<br>";
//切换按钮显示的文字
if ($(this).val() == strV0) {
$(this).val(strV1);
} else {
$(this).val(strV0);
}
//显示处理后的数据
$("#Tip").html(strHTML);
}
);
}
);