js 解析json字符串

服务器端返回的数据如下:
{"list":[{"id":1,"name":"汉族"},{"id":2,"name":"蒙古族"},{"id":3,"name":"满族"},{"id":4,"name":"朝鲜族"},{"id":5,"name":"赫哲族"},{"id":6,"name":"达斡尔族"},{"id":7,"name":"鄂温克族"},{"id":8,"name":"鄂伦春族"},{"id":9,"name":"回族"},{"id":10,"name":"东乡族"},{"id":11,"name":"土族"},{"id":12,"name":"撒拉族"},{"id":13,"name":"保安族"},{"id":14,"name":"裕固族"},{"id":15,"name":"维吾尔族"},{"id":16,"name":"哈萨克族"},{"id":17,"name":"柯尔克孜族"},{"id":18,"name":"锡伯族"},{"id":19,"name":"塔吉克族"},{"id":20,"name":"乌孜别克族"},{"id":21,"name":"俄罗斯族"},{"id":22,"name":"塔塔尔族"},{"id":23,"name":"藏族"},{"id":24,"name":"门巴族"},{"id":25,"name":"珞巴族"},{"id":26,"name":"羌族"},{"id":27,"name":"彝族"},{"id":28,"name":"白族"},{"id":29,"name":"哈尼族"},{"id":30,"name":"傣族"},{"id":31,"name":"僳僳族"},{"id":32,"name":"佤族"},{"id":33,"name":"拉祜族"},{"id":34,"name":"纳西族"},{"id":35,"name":"景颇族"},{"id":36,"name":"布朗族"},{"id":37,"name":"阿昌族"},{"id":38,"name":"普米族"},{"id":39,"name":"怒族"},{"id":40,"name":"德昂族"},{"id":41,"name":"独龙族"},{"id":42,"name":"基诺族"},{"id":43,"name":"苗族"},{"id":44,"name":"布依族"},{"id":45,"name":"侗族"},{"id":46,"name":"水族"},{"id":47,"name":"仡佬族"},{"id":48,"name":"壮族"},{"id":49,"name":"瑶族"},{"id":50,"name":"仫佬族"},{"id":51,"name":"毛南族"},{"id":52,"name":"京族"},{"id":53,"name":"土家族"},{"id":54,"name":"黎族"},{"id":55,"name":"畲族"},{"id":56,"name":"高山族"},{"id":57,"name":"穿青人"}],"success":"true"}
 
 
 
jsp代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
	function createXMLHttpRequest() {
		var xmlHttp;
		try {
			xmlHttp = new XMLHttpRequest();
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		return xmlHttp;
	}
	function handle() {
		if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
			var t = xmlHttp.responseText;
			 t =	eval('('+t+')');
			 var data = t.list;
			  for(var o in data ){
				  alert(o);
				  alert(data[o].name);
			  }
			
		}
	}

	var xmlHttp = createXMLHttpRequest();
	xmlHttp.open("POST", "nation.do", true);
	xmlHttp.onreadystatechange = handle;
	xmlHttp.send(null);
</script>
<body>
	<form></form>
</body>
</html>


### 回答1: JavaScript可以使用内置的JSON对象来解析JSON字符串JSON对象有两个方法:JSON.parse()和JSON.stringify()。JSON.parse()方法将JSON字符串转换为JavaScript对象,而JSON.stringify()方法将JavaScript对象转换为JSON字符串。例如: var jsonStr = '{"name":"John","age":30,"city":"New York"}'; var jsonObj = JSON.parse(jsonStr); console.log(jsonObj.name); //输出John 在这个例子中,我们首先定义了一个JSON字符串,然后使用JSON.parse()方法将其转换为JavaScript对象。最后,我们访问了对象的name属性并将其输出到控制台。 需要注意的是,JSON字符串必须符合JSON格式,否则解析会失败。例如,如果JSON字符串中有未加引号的属性名或单引号而不是双引号,解析将失败。 ### 回答2: JSON全称是JavaScript Object Notation,是一种轻巧的数据交换格式。JSON中的数据结构类似于JavaScript对象,因此JavaScript可以方便地解析JSON字符串。 在JavaScript中,可以使用eval()函数来解析JSON字符串。eval()函数将一个字符串当作JavaScript代码执行并返回结果。因此,我们可以使用eval()函数将JSON字符串转换为JavaScript对象,从而完成解析。 但是eval()函数存在一些安全问题,因为它会执行输入的任何JavaScript代码。如果JSON字符串来自不受信任的来源,那么可能包含恶意代码,会导致安全漏洞。因此,eval()函数不是解析JSON字符串的最佳方法。 现代浏览器提供了JSON.parse()方法来解析JSON字符串JSON.parse()可以将JSON字符串转换为JavaScript对象,而且对于不合法的JSON格式会抛出异常以及其他一些问题,例如,JSON字符串内部的单引号、指数表示法和特定值(如undefined)可能无法在JSON中表示,需要进行特殊处理。 JSON.parse(str, reviver)函数可以接收一个reviver参数,可以用来转换解析出来的结果。reviver是一个函数,它接收两个参数,一个是属性名,另一个是属性值。当JSON.parse()解析出属性值后,就会调用reviver函数,这样就可以在这个函数内部对这个属性进行处理。 在代码中,如果我们有一个JSON字符串,我们可以使用JSON.parse()来解析它。例如: var jsonString = '{"name": "John", "age": 30, "city": "New York"}'; var jsonObj = JSON.parse(jsonString); console.log(jsonObj.name); // 输出 "John" 解析后的jsonObj就是一个JavaScript对象,我们可以直接访问其中的属性。 总结来说,JavaScript可以使用eval()函数或JSON.parse()方法来解析JSON字符串,但是安全考虑应该优先选择使用JSON.parse()方法。JSON.parse()方法还可以使用reviver参数来对解析出的结果进行转换和处理。 ### 回答3: 在JavaScript中,解析JSON字符串是常见的操作。JSON是JavaScript对象表示法的缩写,它是一种轻量级的数据交换格式。它提供了一种简单的方式来描述复杂的数据结构,包括数组和对象。 JavaScript内置了一个解析JSON字符串的函数`JSON.parse()`。此函数可以将JSON字符串转换为JavaScript对象,使开发者能够轻松地操作这些数据。 例如,如果我们有以下JSON字符串: ```javascript var jsonString = '{"name": "Tom", "age": 21, "gender": "male"}'; ``` 我们可以使用`JSON.parse()`来将其解析成一个对象: ```javascript var json = JSON.parse(jsonString); console.log(json.name); //输出 "Tom" console.log(json.age); //输出 21 console.log(json.gender); //输出 "male" ``` 除了从字符串解析JSON外,我们还可以使用`JSON.stringify()`函数将JavaScript对象转换为JSON字符串。例如,如果我们有以下JavaScript对象: ```javascript var obj = { name: "Tom", age: 21, gender: "male" }; ``` 我们可以使用`JSON.stringify()`将其转换为JSON字符串: ```javascript var jsonString = JSON.stringify(obj); console.log(jsonString); //输出 '{"name":"Tom","age":21,"gender":"male"}' ``` 在处理JSON字符串时,我们需要注意一些安全问题。首先,我们应该始终验证输入的JSON字符串是否有效。这可以通过尝试解析JSON字符串并检查是否发生了解析错误来实现。另外,我们还应该注意JSON字符串中的潜在安全漏洞,如JSON注入攻击。在通过用户输入的JSON字符串进行操作时,我们需要确保输入不包含恶意代码或攻击脚本。 总之,在JavaScript中解析JSON字符串是非常重要的,它使得我们能够使用和交换复杂的数据结构。通过`JSON.parse()`和`JSON.stringify()`函数,我们可以轻松地将JSON数据转换为JavaScript对象或字符串,并进行操作和传输。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值