json原理分析及实例介绍

 更新时间:2012年11月29日 10:30:05   作者:  
这次在项目中前后台的数据交互中用到了json,经过这段时间的使用,简单总结一下json的原理与使用,需要了解的朋友可以参考下
这次在项目中前后台的数据交互中用到了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中一点一点读取的头疼,给开发带来了极大方便。

相关文章

  • JS识别浏览器类型(电脑浏览器和手机浏览器)

    JS识别浏览器类型(电脑浏览器和手机浏览器)

    本文给大家分享一段js代码关于识别浏览器的类型是手机浏览器还是电脑浏览器,有需要的朋友可以参考下本文
    2016-11-11
  • 微信小程序实现拼图游戏

    微信小程序实现拼图游戏

    这篇文章主要为大家详细介绍了微信小程序实现拼图游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • js实现上传图片预览的方法

    js实现上传图片预览的方法

    这篇文章主要介绍了js实现上传图片预览的方法,通过自定义函数结合onchange方法实现上传图片的预览功能,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 轻松实现javascript图片轮播特效

    轻松实现javascript图片轮播特效

    这篇文章主要帮助大家轻松实现javascript图片轮播特效,点击标签还可以实现图片切换,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • jQuery实现div浮动层跟随页面滚动效果

    jQuery实现div浮动层跟随页面滚动效果

    这篇文章主要介绍了jQuery实现div浮动层跟随页面滚动效果,需要的朋友可以参考下
    2014-02-02
  • JS+DIV实现的卷帘效果示例

    JS+DIV实现的卷帘效果示例

    这篇文章主要介绍了JS+DIV实现的卷帘效果,结合具体实例形式对比分析了javascript响应鼠标事件动态操作页面元素属性实现展开与折叠效果的相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • 基于JavaScript实现图片裁剪功能

    基于JavaScript实现图片裁剪功能

    在前端开发中,当遇到图片或头像上传等功能时,有尺寸分辨率限制的话,就需要用到图片的裁剪功能。本文为大家介绍了JavaScript实现图片裁剪功能的示例代码,希望对大家有所帮助
    2023-02-02
  • javascript高仿热血传奇游戏实现代码

    javascript高仿热血传奇游戏实现代码

    这篇文章主要介绍了javascript高仿热血传奇游戏的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02
  • 如何实现移动端浏览器不显示 pc 端的广告

    如何实现移动端浏览器不显示 pc 端的广告

    随着移动网络的发展,越来越多的人使用手机等移动端浏览网页办公,那么如果在手机打开页面的时候显示大大的联盟广告,用户体验度会非常差,经过一番研究,用下面的方法实现了移动端浏览器不显示PC端广告。
    2015-10-10
  • H5移动端图片压缩上传开发流程

    H5移动端图片压缩上传开发流程

    这篇文章主要为大家详细介绍了H5移动端图片压缩上传开发流程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论