JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。
JSON构建的结构:
1. “名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。
2. 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
以下是我写的一个Js+Ajax解析Json的案例。源代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
td {
text-align: center;
color: #333333;
font-size: 12px;
}
th {
color: #aaaaaa;
font-size: 13px;
}
</style>
<script type="text/javascript">
function getXMLHttpRequest() {
var xhr;
try {
xhr = new XMLHttpRequest();
} catch (err1) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err2) {
alert("您的浏览器版本不支持Ajax....");
}
}
return xhr;
}
function $(id) {
return document.getElementById(id);
}
function saxJson() {
var xhr = getXMLHttpRequest();
xhr.open("GET", "./json.jsp", true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var stus = eval("(" + xhr.responseText + ")");
var tby = $("tby");
for ( var i = 0; i < stus.length; i++) {
var tr = document.createElement("tr");
var ntd = document.createElement("td");
var std = document.createElement("td");
var atd = document.createElement("td");
var etd = document.createElement("td");
ntd.innerHTML = stus[i].name;
std.innerHTML = stus[i].sex;
atd.innerHTML = stus[i].age;
etd.innerHTML = stus[i].email;
tr.appendChild(ntd);
tr.appendChild(std);
tr.appendChild(atd);
tr.appendChild(etd);
tby.appendChild(tr);
}
}
}
}
</script>
</head>
<body onload="saxJson();">
<h2 align="center" style="color: #666666;">
JS解析JSON的案例
</h2>
<div id="display" align="center">
<table style="border-collapse: collapse" cellspacing="0"
cellpadding="3" id="tbl" border="1" width="360">
<thead>
<tr>
<th>
姓名
</th>
<th>
性别
</th>
<th>
年龄
</th>
<th>
邮箱
</th>
</tr>
</thead>
<tbody id="tby">
</tbody>
</table>
</div>
<br />
<div align="center" style="font-size: 12px; color: #333333;">
Copyright©CSDN Corporation 2010-2011
</div>
</body>
</html>
json.jsp代码清单:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
student=[
{
name:"SXPGOG",
sex:"boy",
age:"21",
email:"dyzh.yysg@163.com"
},
{
name:"Lily",
sex:"Girl",
age:"19",
email:"532265808@qq.com"
},
{
name:"XYZ",
sex:"Boy",
age:"22",
email:"unknow@qq.com"
},
{
name:"Tom",
sex:"Boy",
age:"22",
email:"unknow@qq.com"
}
]
注意:json.jsp中的代码要符合Json的语法规范。
分享到:
相关推荐
基于Jquery+Ajax+Json实现分页显示附效果图
jquery+ajax+json例子,是一个web例子
省市县三级菜单联动(mysql+ajax+json+php),很简单易懂的代码,这段代码可以直接拿到项目中使用
Springmvc+maven+ajax+jquery+json+mybatis做的登录,注册,增删改查详细注释,大家可以来一下,看看对自己有没有帮助哈,这是我自己一点点的打的,采用MyEclipse 10运行出来.并且付有sql脚本.可直接导入运行.并且经本人...
php+ajax+json的简单实例,包含了json的重要语句,有了这个你学习json就容易多了!
资源名:asp+ajax+json医生预约系统源码和数据库 资源类型:程序源代码 源码说明: asp ajax json医生预约系统,此demo详细介绍了ajax,json的实例应用,适合新手学习借鉴 适合人群:新手及有一定经验的开发人员
使用springMVC+ajax+json的一个小demo,希望对读者有用
struts2+ajax+json四级联动struts2+ajax+json四级联动
看到网络上有许多入门ztree代码,但是一般结构不是很清晰 所以自己做了一个入门还是很不错的 SSH + ajax + json + ztree 喜欢就下载吧
SSH +jquery+json做的Ajax级联操作 简练清晰 容易理解 完全可以拷贝引用
【项目原型】spring+spring mvc+mybatis+shiro+maven+bootstrap+ajax+json+分页+逆向工程 包含现在最流行的技术框架,快速部署各种应用,加入shiro权限框架,安全,美观,你值得拥有
Jquery+ajax+json+servlet
Struts+Jquery+Ajax+Json应用实例,前端引入jquery,后台使用struts框架。前端js调用后台action,并将后台返回的json数据进行解析,设置web页面
基于MVC4+EF5.0+Ajax+Json+CSS3的简单注册页面
Struts2 Jquery ajax Json实现的一个完整案例
.NET利用jqury+ajax+json方式实现的数据分页 使用工具:Microsoft Visual Studio 2008+Access 主要使用的插件:jquery.pagination.js
asp+ajax+json医生预约系统,此demo详细介绍了ajax,json的实例应用,适合新手。
关键代码都在里面 资源是工程中的一部分 暂不能运行 原来用的是Java实现Json串 考虑到频繁访问数据库 就改成了存储过程
jQuery+AJAX+JSON新手总结,希望能帮到大家
比较实用的简单项目,适合练习数据库的增删改查,框架与技术:SSM+Shiro+Ajax+jQuery+Thymeleaf