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. 【Luogu】P4159迷路(矩阵优化)

    题目链接 将每个点拆成时刻1~9,然后根据题目要求连边,比如i-j有一条权为x的边就从点i-x向点j-1连一条边,表示经过x次之后可以到达. 然后就矩阵快速幂乱搞就好了. #include<cs ...

  2. webstorm卡顿

    http://blog.csdn.net/qq673318522/article/details/50583831 http://www.xiaobai8.com/Blog/1000.html

  3. soap1.1与soap1.2区别

  4. Python 复习-1

    #!/usr/bin/env python # -*- coding:utf-8 -*- # @Time : 2017/10/27 22:46 # @Author : lijunjiang # @Fi ...

  5. 在 IntelliJ IDEA 中配置 JSF 开发环境的入门详解

    JSF 作为 JavaEE 官方标准,在了解并掌握其基本开发技术后,对于功能要求较高.业务流程复杂的各种现代 Web 应用程序开发将会成为非常合适且强大的高效率开发利器.JSF 的开发环境搭建涉及到在 ...

  6. 四、Ubuntu 一些常用命令

    1.锁定root用户 :sudo passwd -l root 2.解锁root用户 :sudo passwd -u root 3.切换身份:su root  或者  su 其他用户名,然后输入密码, ...

  7. C# ASP.NET中Process.Start没有反应也没有报错的解决方法

    最近有一个很坑的需求,在ASP.NET中打开一个access,还要用process.start打开,调试时一切正常,到了发布后就没有反应,找了一下午,各种设文件夹权限也不行,最后把应用程序池改成管理员 ...

  8. CSU 1785: 又一道简单题

    1785: 又一道简单题 Submit Page   Summary   Time Limit: 5 Sec     Memory Limit: 128 Mb     Submitted: 602   ...

  9. Codeforces Round #343 (Div. 2) A. Far Relative’s Birthday Cake【暴力/组合数】

    A. Far Relative’s Birthday Cake time limit per test 1 second memory limit per test 256 megabytes inp ...

  10. Kali Linux 2017中Scapy运行bug解决

    Kali Linux 2017中Scapy运行bug解决   Scapy是一款强大的网络数据包构建工具.在Kali Linux 2017中,当在scapy的命令行中,运行res.graph()生成图形 ...