`
齐晓威_518
  • 浏览: 606695 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

json定义及jquery操作json

 
阅读更多
一、背景
json是一种轻量级数据交换格式,非常利于java服务与js的交互,本文将介绍json的简单定义和js如何解析json。
二、内容
1、json定义:
简单的json格式为[{"key1":"value1"},{"key2":"value2"}],
[]代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值。
定义方式:
1)直接拼写json串,例:String变量,内容为 [{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}]。
2)引入json-lib.jar开源jar包,定义JSONObject对象,例:
JSONArray jsonArray = new JSONArray();
JSONObject attchJson = new JSONObject();
attchJson.put("attchId", "0");
attchJson.put("attchName", "附件0");
jsonArray.put(attchJson);
jsonArray即为一个json数据,等价于用[]的定义一个json.
复杂json定义,json中key对应的值也可以是一个json数组,如,json中封装一个任务信息,这个任务中有若干附件定义方法如下:
JSONArray taskJsonArray = new JSONArray();
JSONObject taskJsonObj = new JSONObject();
taskJsonObj.put("taskId", 100);
taskJsonObj.put("taskName", "myTask");
taskJsonObj.put("attchs", jsonArray);
taskJsonArray.put(jsonObj);
taskJsonArray为最后想要得到的json内容,
简单拼串后的形式如下:
[{"attchs":[{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}],"taskId":100,"taskName":"myTask"}]
2、js解析json
json的一般解析方式:
   var json = eval_r(jsonArray );
   for(var i=0; i<json.length; i++){ 
    alert("attchId:"+json[i].attchId+",attchName:"+json[i].attchName);
   }
使用jquery解析json:
$.getJSON("jsonTest",{showNumber:"3"},function(data){   
     $.each(data,function(idx,item){
      //alert(idx);
      if(idx<0){
      return true;//同countinue,返回false同break
      }
      alert("attchId:"+item.attchId+",taskName:"+item.attchName);
    });
});
三、总结
json格式简单,便于解析和生成,而且是一个轻量级数据交换格式,便于在web开发中使用。
分享到:
评论

相关推荐

    json定义及jquery操作json的方法.docx

    json定义及jquery操作json的方法.docx

    json定义及jquery操作json的方法_1.docx

    json定义及jquery操作json的方法_1.docx

    json定义及jquery操作json的方法

    下面小编就为大家带来一篇json定义及jquery操作json的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jQuery-ajax-json实现自动轮播图.rar

    jQuery-ajax-json实现自动轮播图.rar

    J2EE中JSON+Jquery_AJAX应用[定义].pdf

    J2EE中JSON+Jquery_AJAX应用[定义].pdf

    jquery.json-1.3.js

    ecshop中新定义的json文件, 提供给大家下载哦!!!

    jquery AJAX 回调函数取JSON成功代码

    jquery AJAX 回调函数取JSON成功代码,不需要数据库,jquery路径引导正确可运行,数据调用是已定义json数据

    Highcharts做的图表例子,页面JQuery,后台JAVA JSON

    文件仅有两个文件,一个是HighCharts做的曲线图标htm,使用JQuery Ajax接收JSON字符串,后台使用java HttpServeltResponse json, out.write("....");此例运行需要官方的js demo包,部分java方法代码如下涵盖两条曲线,str...

    json-editor

    JSON Editor 根据定义的JSON Schema 生成了一个...它完整支持JSON Schema 的版本3和版本4,并且它集成了一些流行的CSS 框架,例如bootstrap, foundation, and jQueryUI等。 jsoneditor.* filereader.js FileSaver.js

    getjson()兼容性问题

    jQuery的json问题。json定义标准。Ie6中getjson()与其他浏览器的兼容性的解决方案

    jQuery+ajax中getJSON() 用法实例

    在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 “myurl?callback=?”。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执

    22-09-08-068_JsonTable(完整定义Jquery DataTable插件之初始化学生表格)

    该示例程序中的所有渲染实现都通过Jquery Ajax方法 触发指定的URL,根据该URL调用指定的控件器方法,控件器方法经过一系列执行操作后,向Jquery Ajax方法发送JSON格式的渲染数据,最后通过Jquery语言调用JSON格式的...

    jsoneditor-master.zip

    它完整支持JSON Schema 的版本3和版本4,并且它集成了一些流行的CSS 框架,例如bootstrap, foundation, and jQueryUI等。 JSON Editor 生成的编辑器支持输入框、下拉框、等几乎所有的html5输入元素

    ECShop_V2.7.3_UTF8_完美兼容_jQuery_模式

    Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套.../**/习惯用jQuery符合定义的jquery文件的朋友建议下载此文件 更多问题请联系博主!

    jquery动态遍历Json对象的属性和值的方法

    //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert&#40;this.name+"的密码="+this.pass&#41;; } } //遍历person属性包括方法,如果不想显示出方法,可用typeof(person...

    详谈 Jquery Ajax异步处理Json数据.

    所谓的Ajax.... } 好了,现在我们谈谈前台Js怎么处理后台返回的数据吧,可利用Jquery处理返回的纯html,json,Xml等数据.这里我们演示返回返回的数据有string、集合(List&lt;&gt;)、类. 但都返回Json格式

    jQuery权威指南-源代码

    6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3...

    jQuery实现可编辑表格并生成json结果(实例代码)

    实现效果如下,在编辑表格的同时可以实现字段json内容的自动变化,点击提交...定义要操作的表格头: &lt;input readonly=readonly class=form-control type=text id=scorerange value= name=scorerange/&gt; &lt;tr&gt;

Global site tag (gtag.js) - Google Analytics