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

最新推荐文章于 2024-04-12 08:19:12 发布

newli2010

最新推荐文章于 2024-04-12 08:19:12 发布

阅读量253

点赞数 1

文章标签： json

本文链接：https://blog.csdn.net/newli2010/article/details/83977518

版权

<%@ 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!" οnclick="showJson();"> 
 
 
 
 

</body>
</html>

newli2010

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个简单的json例子，附带详细介绍

My JSP 'index.jsp' starting page function showJson() { /*JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着...
复制链接

扫一扫