一个简略的json例子，附带详细介绍
日期：2014-05-16 浏览次数：20454 次
一个简单的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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<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();"><br/>
<span id="username"></span><br/>
<span id="age"></span><br/>
<span id="info"></span><br/>
<span id="city"></span><br/>
<span id="postcode"></span>
</body>
</html>
<%@ 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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<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();"><br/>
<span id="username"></span><br/>
<span id="age"></span><br/>
<span id="info"></span><br/>
<span id="city"></span><br/>
<span id="postcode"></span>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
