server端返回的数据例如以下:
{"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>

js 解析json字符串的更多相关文章

  1. JS解析JSON字符串

    问题描述:后台需要传递给前台一些数据,用于页面数据显示,因为是一些Lable标签,所以数据传递到前台需要解析. 思路:因为数据比较杂乱,所以我选择传递的数据类型是Json格式,但是数据展示时需要解析成 ...

  2. js解析Json字符串的方法

      要把一个xml字符串转(“1,2,3,4,5,6,7,8,1,2”)换成数组的形式,每个值都应该是number类型的,想当然的就用了split方法,结果...问题来了,服务器要求数组的值是数字,而 ...

  3. JS解析json数据并将json字符串转化为数组的实现方法

    json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...

  4. JS的全局函数eval解析JSON字符串

    JavaScript eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描述 string 必需. ...

  5. 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中

    http://blog.csdn.net/mazhaojuan/article/details/8599167 先看一下我要实现的功能界面: 这篇文章主要介绍:后台一般处理程序把从数据库查找的数据,转 ...

  6. JS解析json数据

    JS解析json数据(如何将json字符串转化为数组) 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q ...

  7. 前端学习之——js解析json数组

    ** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历 一.对于标准的json数组如: var result=[{"flag":1," ...

  8. js中Json字符串如何转成Json对象(4种转换方式)

    js中Json字符串如何转成Json对象(4种转换方式) 一.总结 一句话总结:原生方法(就是浏览器默认支持的方法) 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie ...

  9. c# 自定义解析JSON字符串数据

    解析json字符串有很多方式, 1 : 在网上下载json解析的dll类库并添加引用, 调用相关方法; 2 : 使用自带类库JavaScriptSerializer的序列号和反序列化; 对于以上两个方 ...

随机推荐

  1. PE第n弹

    PE201 -- F[i][j][k] 和为i前j个选了k个方案数.因为值域很小. PE202 -- 那个反射其实挺酷炫的,你考虑把它的镜面反射去掉,把它扩展成一个无限大的正三角网格.. PE410 ...

  2. Python之数据结构:序列

    一.序列 1.列表.元组和字符串都是序列 二.序列的两个特点:索引操作符和切片操作符 1.索引操作符:从序列中抓取一个特定项目 下标操作:使用索引获取序列中的单个项目: eg:shoplist[0] ...

  3. 洛谷 P1262 间谍网络==Codevs 4093 EZ的间谍网络

    4093 EZ的间谍网络 时间限制: 10 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题目描述 由于外国间谍的大量渗入,国家安全正处于高度的危机之中.如果A间谍手中掌握着关于B ...

  4. sql查询字段值只为汉字(桃)

    SELECT * FROM roster WHERE roster.`name` >'zzzzzzzzzz'   //查询roster表中name值为中文的 SELECT * FROM rost ...

  5. 使用T4模板创建一个例子

    1.创建项目,添加新项,名称处填写Messages.tt,如下图: 添加后,Messages.tt文件内容如下: <#@ template debug="false" hos ...

  6. struts 中继承ActionSupport类

    理论上Struts 2.0的Action无须实现任何接口或继承任何类型,但是,我们为了方便实现Action,大多数情况下都会继承 com.opensymphony.xwork2.ActionSuppo ...

  7. 02深入理解C指针之---指针类型和值

    该系列文章源于<深入理解C指针>的阅读与理解,由于本人的见识和知识的欠缺可能有误,还望大家批评指教. 1.指针的类型: 可以在声明指针时,指定指针的类型,例如: (1)void *x  声 ...

  8. AC日记——[NOI2006]最大获利 bzoj 1497

    1497 思路: 最小割: 来,上代码: #include <cstdio> #include <cstring> #include <iostream> #inc ...

  9. Codeforces Gym 101194C Mr. Panda and Strips(2016 EC-Final,区间DP预处理 + 枚举剪枝)

    题目链接  2016 EC-Final 题意  现在要找到数列中连续两个子序列(没有公共部分).要求这两个子序列本身内部没有重复出现的数.   求这两个子序列的长度的和的最大值. 首先预处理一下.令$ ...

  10. http系列--HTTP2.0新特性:二进制传输,多路复用,Haeder压缩,服务端push,QUIC协议

    一.前言 HTTP 2.0 相比于 HTTP 1.X,可以说是大幅度提高了 web 的性能. 在 HTTP 1.X 中,为了性能考虑,我们会引入雪碧图.将小图内联.使用多个域名等等的方式.这一切都是因 ...