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>