网站首页 > 文章精选 正文
JSON详解
一、JSON的概述及其使用
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于javascript的一个子集。JSON是的数据交换语言, 易于人阅读和编写,同时也易于解析和生成(一般用于提升网络传输速率)。JSON 可以将 JavaScript对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序,但是JavaScript很容易解释它, JSON 可以表示比"名称 / 值对"更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表
JSON使用的示例如下所示:
<input type="button" value="json测试" onclick="jsonTest()"/>
<script>
function jsonTest()
{
var jsonStr={
"sid":"s001",
"sname":"lily",
"address":"北京海淀"
}
alert(jsonStr.sid);
alert(jsonStr.sname);
alert(jsonStr.address);
}
</script>
JSON嵌套的语法格式如下:
<input type="button" value="json测试" onclick="jsonTest()"/>
<script>
function jsonTest()
{
var j={"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
};
document.write(j.name);
document.write(j.address.city);
}
</script>
二、将页面对象转化为json字符串并传递后台解析
1、将页面的数据对象转化为json 字符串
使用+拼页面的字符串,但是使用+违反面向对象原则,如果页面数据对象比较多,使用 +很容易出问题。这里我们使用struts2来操作json
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<script src="js/jquery-1.6.2.js"></script>
<script src="js/json2.js"></script>
<form>
用户ID:<input type="text" id="usersid"/><br>
用户名:<input type="text" id="usersname"/><br>
密码:<input type="password" id="userspwd"/><br>
<input type="button" onclick="jsonTest()" value="确定"/>
</form>
<script>
function jsonTest()
{
var usersid_v=$("#usersid").val();
var usersname_v=$("#usersname").val();
var userspwd_v=$("#userspwd").val();
//构造对象
var jsonObj=new toJSONString("u001",'lily','123');
//将构造好的对象转化为json字符串
var jsonStr=JSON.stringify(jsonObj);
alert(jsonStr);
}
//构造函数:将页面字段构造成json对象
function toJSONString(usersid,usersname,userspwd) {
this.uid=usersid;
this.uname=usersname;
this.upwd=userspwd;
}
</script>
2、将json字符串传到后台
(1)、使用jquery的ajax
var jsonStr=JSON.stringify(jsonObj);
//alert(jsonStr);
$.post("/json001/sSON001Action",{myjsonStr:jsonStr},
function(data){
alert(data);
}
);
(2)、后台
public void json001()throws Exception{
System.out.println("进入 JSON001Action...");
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
String jsonStr = request.getParameter("myjsonStr");
System.out.println(jsonStr);
JSONObject jsonObj = JSONObject.fromObject(jsonStr);
String uid=(String)jsonObj.get("uid");
String uname=(String)jsonObj.get("uname");
String upwd=(String)jsonObj.get("upwd");
System.out.println(uid);
System.out.println(uname);
System.out.println(upwd);
PrintWriter out = response.getWriter();
out.println("ok");//将ok 写给前台
}
猜你喜欢
- 2025-05-03 爬虫实战(二)爬取Ajax数据(爬取数据的代码)
- 2025-05-03 Python Matplotlib 入门教程:可视化数据的基石
- 2025-05-03 突破亚马逊壁垒,Web Unlocker API 助您轻松获取数据
- 2025-05-03 最实用的大数据可视化分析工具汇总
- 2025-05-03 专题|外行人看大数据 十款最常用的数据可视化工具
- 2025-05-03 网络爬虫——从网站中提取有用的数据
- 2025-05-03 这6款数据可视化软件,不会写代码也能用!
- 2025-05-03 B端技术常识:MVC模式(什么是mvc模式,各模块的作用是什么)
- 2025-05-03 越晚搞懂 MySQL JSON 数据类型,你就越吃亏
- 2025-05-03 基本数据类型你不知道的东西(基本数据类型一般由什么组成)
- 最近发表
- 标签列表
-
- newcoder (56)
- 字符串的长度是指 (45)
- drawcontours()参数说明 (60)
- unsignedshortint (59)
- postman并发请求 (47)
- python列表删除 (50)
- 左程云什么水平 (56)
- 计算机网络的拓扑结构是指() (45)
- 稳压管的稳压区是工作在什么区 (45)
- 编程题 (64)
- postgresql默认端口 (66)
- 数据库的概念模型独立于 (48)
- 产生系统死锁的原因可能是由于 (51)
- 数据库中只存放视图的 (62)
- 在vi中退出不保存的命令是 (53)
- 哪个命令可以将普通用户转换成超级用户 (49)
- noscript标签的作用 (48)
- 联合利华网申 (49)
- swagger和postman (46)
- 结构化程序设计主要强调 (53)
- 172.1 (57)
- apipostwebsocket (47)
- 唯品会后台 (61)
- 简历助手 (56)
- offshow (61)