js 解析json字符串
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字符串的更多相关文章
- JS解析JSON字符串
问题描述:后台需要传递给前台一些数据,用于页面数据显示,因为是一些Lable标签,所以数据传递到前台需要解析. 思路:因为数据比较杂乱,所以我选择传递的数据类型是Json格式,但是数据展示时需要解析成 ...
- js解析Json字符串的方法
要把一个xml字符串转(“1,2,3,4,5,6,7,8,1,2”)换成数组的形式,每个值都应该是number类型的,想当然的就用了split方法,结果...问题来了,服务器要求数组的值是数字,而 ...
- JS解析json数据并将json字符串转化为数组的实现方法
json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...
- JS的全局函数eval解析JSON字符串
JavaScript eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描述 string 必需. ...
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
http://blog.csdn.net/mazhaojuan/article/details/8599167 先看一下我要实现的功能界面: 这篇文章主要介绍:后台一般处理程序把从数据库查找的数据,转 ...
- JS解析json数据
JS解析json数据(如何将json字符串转化为数组) 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q ...
- 前端学习之——js解析json数组
** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历 一.对于标准的json数组如: var result=[{"flag":1," ...
- js中Json字符串如何转成Json对象(4种转换方式)
js中Json字符串如何转成Json对象(4种转换方式) 一.总结 一句话总结:原生方法(就是浏览器默认支持的方法) 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie ...
- c# 自定义解析JSON字符串数据
解析json字符串有很多方式, 1 : 在网上下载json解析的dll类库并添加引用, 调用相关方法; 2 : 使用自带类库JavaScriptSerializer的序列号和反序列化; 对于以上两个方 ...
随机推荐
- Java Socket实战之三 传输对象
首先需要一个普通的对象类,由于需要序列化这个对象以便在网络上传输,所以实现java.io.Serializable接口就是必不可少的了,入下: public class User implements ...
- BZOJ4196 [Noi2015]软件包管理器 【树剖】
题目 Linux用户和OSX用户一定对软件包管理器不会陌生.通过软件包管理器,你可以通过一行命令安装某一个软件包,然后软件包管理器会帮助你从软件源下载软件包,同时自动解决所有的依赖(即下载安装这个软件 ...
- vue中通过路由跳转的三种方式
原文:https://blog.csdn.net/qq_40072782/article/details/82533477 router-view 实现路由内容的地方,引入组件时写到需要引入的地方需要 ...
- 事务的四大属性ACID即事务的原子性(Atomicity)、一致性(Consistency)、隔离性(Isolation)、持久性(Durability.。
事务的四大属性ACID即事务的原子性(Atomicity).一致性(Consistency).隔离性(Isolation).持久性(Durability.. 原子性(Atomicity) 原子性是指事 ...
- EclEmma Java Code Coverage for Eclipse
1. 1EclEmma的介绍 一.EclEmma 简介: EclEmma是一个开源的软件测试工具(for eclipse),可以在编码过程中查看代码调用情况.也可以检测单覆盖率. 详见: http ...
- [agc014d] Black and White Tree(玄学树D)
Description 有一颗n个点的树,刚开始每个点都没有颜色. Alice和Bob会轮流对这棵树的一个点涂色,Alice涂白,Bob涂黑,Alice先手. 若最后存在一个白点,使得这个白点所有相邻 ...
- [LeetCode] Rotate List 单项链表旋转
Given a list, rotate the list to the right by k places, where k is non-negative. For example:Given 1 ...
- poj 2699 The Maximum Number of Strong Kings 枚举 最大流
题目链接 题意 对于一个竞赛图(有向完全图),其顶点是选手,边是比赛,边\(e=(u,v)\)代表该场比赛中\(u\)战胜\(v\). 现定义选手的分数为其战胜的人的个数(即竞赛图中点的出度).并且定 ...
- 基于c语言中调试工具的用法汇总(不包含gdb)【转】
转自:http://www.jb51.net/article/36829.htm 是不是只有编译的时候才知道程序写了错误?有没有在未编译的时候就让机器帮你检查错误的工具呢? 答案是:有!! splin ...
- (6)python tkinter-容器、子窗体
Frame f = tkinter.Frame(width=380, height=270, bg='white').pack() LabelFrame f = tkinter.LabelFrame( ...