一个简单的json例子，附带详细介绍 -

newli2010.

浏览: 895 次
性别:
来自: 北京

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3)

社区版块

存档分类

2011-07 ( 3)
更多存档...

一个简单的json例子，附带详细介绍

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">

<script type="text/javascript">
function showJson()
{
/*JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，
这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。
每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。
*/
var User={
"username":"jack",
"age":"18",
"address":
[
{"city":"beijing","postcode":"222222"},
{"city":"shanghai","postcode":"66666"}
],
"info":{"tel":"123456","phone":"123123123"}
}
User.username="tom";//可以修改数据。
//通过json的方式给span赋值。
document.getElementById("username").innerHTML=User.username;
document.getElementById("age").innerHTML=User.age;
document.getElementById("info").innerHTML=User.info.tel;
document.getElementById("city").innerHTML=User.address[0].city;
document.getElementById("postcode").innerHTML=User.address[1].postcode;
}
/*
下载http://www.json.org/json.js 后，将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
*/
function myEval()
{
var str='{"name":"jack","address":"beijing"}';
var obj=str.parseJSON();
alert(obj.toJSONString());
}
</script>
</head>

<body >
<input type="button" value="click!" onclick="showJson();"> 
 
 
 
 
 
</body>
</html>

分享到：