up:: JavaScript访问JSON并输出
JavaScript中字符串和JSON对象的互相转换。
一:JavaScript将字符串转换成JSON对象:JSON.parse(str);
在WebContent根目录下,创建一个sample2.html:
需要注意:
(1)定义JSON的方式是:var json = { }; 定义字符串是: var str = ”{ }”;
(2)var str = ”{“class_name”:“五年级三班”}”; 这个字符串一定要符合JSON的格式 ;
(3)var str = ”{\“class_name”:\“五年级三班\”}“;中的反斜杠是为了将”转义;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字符串转JSON</title>
<script type="text/javascript">
var str = "{\"class_name\":\"五年级三班\"}";
var json = JSON.parse(str);
console.log(str);
console.log(json);
document.write("班级:"+json.class_name);
</script>
</head>
<body>
</body>
</html>
一旦,var str = ”{“class_name”:“五年级三班”}“;的书写,有不符合JSON格式的地方如:
二:JavaScript将JSON对象转换成字符串:JSON.stringify(json);
在WebContent根目录下,创建一个sample3.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON转字符串</title>
</head>
<script type="text/javascript">
var json = {"class_name":"五年级六班"};
var str = JSON.stringify(json);
console.info(json);
console.info(str);
</script>
<body>
</body>
</html>
结果:
三:字符串和JSON对象转换的用途:
Ajax中会用到;Ajax是JavaScript和后台的Java程序进行通信的方式;
字符串转JSON的一个应用 :
Java返回的服务器后台的数据,是一个长得像JSON的字符串;在JavaScript中获取到后台返回的这个数据后,需要使用JSON.parse()将这个字符串转换成JSON对象,这样以后,JavaScript才能将其中的属性提取出来;(这个会很常用)
JSON转字符串:这个在实际中用的不多啦,了解就好了;
四:初始化json对象
在JavaScript中可以将json看成是一个对象,定义json后,可以通过设置属性的方式,初始化json;如下面的json2;
这种方式,更像是JavaScript把JSON当成了对象处理,很清晰;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>初始化json对象</title>
</head>
<script type="text/javascript">
var json = {"class_name":"五年级六班"};
var str = JSON.stringify(json);
console.info(json);
console.info(str);
var json2 = {};
json2.class_name = "五年级二班";
json2.location = "图书馆";
console.info(json2);
</script>
<body>
</body>
</html>