json原理分析及实例介绍


Posted in Javascript onNovember 29, 2012

这次在项目中前后台的数据交互中用到了json,经过这段时间的使用,大概了解了一下,简单总结一下json。
JSON:JavaScript 对象表示法(JavaScript Object Notation)。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快,更易解析。
和 XML 一样,JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 JavaScript 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。
先看controller中的一段代码。看主要是看从数据库查询出来的数据是怎样以json的格式输出的。
[java]

@RequestMapping("/work/plan/checkSubmitForApproval") 
public void checkSubmitForApproval(String planId,HttpServletRequest request,HttpServletResponse response) throws UnsupportedEncodingException{ 
String result="{\"result\":\"faild\",\"personSituation\":\"null\"}"; 
HttpSession session = request.getSession(); 
String industryID = (String) session.getAttribute("industryID"); 
IIndustry industry = industryService.getById(industryID); 
if(industry.getType().equals("XXX")){ 
try { 
boolean flag = false; 
IProjectMain yearPlan = projectPlanService.findProjectPlanById(planId); 
List<IStaffInfo> listStaffInfo = sysStaffService.getStaffByPlanId(planId, industryID); 
for(int i=0;i<listStaffInfo.size();i++){ 
if(listStaffInfo.get(i).getPractitionersPost().equals(StaffRole.PROGECTMANAGER.toString())){ 
flag = true; 
} 
} 
if(flag == true){ 
result="{\"result\":\"success\",\"personSituation\":\""+yearPlan.getPerson_Situation()+"\"}"; 
}else{ 
result="{\"result\":\"success\",\"personSituation\":\""+yearPlan.getPerson_Situation()+"\",\"isManager\":\"false\"}"; 
} 
} catch (Exception e) { 
result="{\"result\":\"falid\"}"; 
throw new PlatformException(e); 
}finally{ 
OutputUtils.write(response,result,"text/x-json;charset=UTF-8"); 
}

先PutputUtils中的write代码
[java]
public static void write(HttpServletResponse response, String text, String contentType) 
{ 
PrintWriter out=null; 
response.setHeader("Pragma", "No-cache"); 
response.setHeader("Cache-Control", "no-cache"); 
response.setDateHeader("Expires", 0); 
response.setContentType(contentType); 
try 
{ 
out = response.getWriter(); 
out.write(text); 
} 
catch (IOException e) 
{ 
Logger.getLogger(OutputUtils.class).error(e.getMessage(), e); 
} finally{ 
if(out!=null){ 
out.flush(); 
out.close(); 
} 
} 
}

其中的思路是得到response的printwriter,将要输出的信息设置到其中。在界面层利用jquery的Post判断返回的信息。
[javascript]
<span style="white-space:pre"> </span>function distribute(){ 
var dplanId = $(".currli").attr("id"); 
if(dplanId != ""){ 
$.ajax({ 
type : "POST", 
url :做验证的action url, 
dataType : "json", 
success : function(data) { 
//HAVE为已分配状态 
if (data.result == "success" && data.personSituation == "UNHAVE") { 
with (document.getElementById("planForm")) { 
action=验证合法后要提交的url; 
method="post"; 
submit(); 
} 
<span style="white-space:pre"> </span>}

其中success:function(data)是一个回调函数,即上面做的验证action的方法成功之后执行的操作。在jquery的使用方法详情点击这里查看。
关于jquery的post提交不理解的同学,点击这里学习。
关于ajax和jquery的历史,建议参见维基百科中,写的很清楚。
jquery已经封装好了从response中取data的操作,所以这里用起来非常方便,省去了从xml中一点一点读取的头疼,给开发带来了极大方便。
Javascript 相关文章推荐
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
Javascript玩转继承(一)
May 08 Javascript
javascript实现密码强度显示
Mar 18 Javascript
Javascript变量的作用域和作用域链详解
Apr 02 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
jQuery在线选座位插件seat-charts特效代码分享
Aug 27 Javascript
CSS中position属性之fixed实现div居中
Dec 14 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
mui上拉加载更多下拉刷新数据的封装过程
Nov 03 Javascript
javascript全局变量封装模块实现代码
Nov 28 #Javascript
Javascript Request获取请求参数如何实现
Nov 28 #Javascript
js移除事件 js绑定事件实例应用
Nov 28 #Javascript
js arguments对象应用介绍
Nov 28 #Javascript
web基于浏览器的本地存储方法应用
Nov 27 #Javascript
extjs 04_grid 单击事件新发现
Nov 27 #Javascript
javascript 正则表达式相关应介绍
Nov 27 #Javascript
You might like
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
PHP中extract()函数的定义和用法
2012/08/17 PHP
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
php多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
浅谈页面装载js及性能分析方法
2014/12/09 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
vue-router:嵌套路由的使用方法
2017/02/21 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
小学生我的梦想演讲稿
2014/08/21 职场文书
2014普法依法治理工作总结
2014/12/18 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
详解Python函数print用法
2021/06/18 Python
一文带你探究MySQL中的NULL
2021/11/11 MySQL
分析Python list操作为什么会错误
2021/11/17 Python