一、背景
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的方法_1.docx
下面小编就为大家带来一篇json定义及jquery操作json的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery-ajax-json实现自动轮播图.rar
J2EE中JSON+Jquery_AJAX应用[定义].pdf
ecshop中新定义的json文件, 提供给大家下载哦!!!
jquery AJAX 回调函数取JSON成功代码,不需要数据库,jquery路径引导正确可运行,数据调用是已定义json数据
文件仅有两个文件,一个是HighCharts做的曲线图标htm,使用JQuery Ajax接收JSON字符串,后台使用java HttpServeltResponse json, out.write("....");此例运行需要官方的js demo包,部分java方法代码如下涵盖两条曲线,str...
JSON Editor 根据定义的JSON Schema 生成了一个...它完整支持JSON Schema 的版本3和版本4,并且它集成了一些流行的CSS 框架,例如bootstrap, foundation, and jQueryUI等。 jsoneditor.* filereader.js FileSaver.js
jQuery的json问题。json定义标准。Ie6中getjson()与其他浏览器的兼容性的解决方案
在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 “myurl?callback=?”。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执
该示例程序中的所有渲染实现都通过Jquery Ajax方法 触发指定的URL,根据该URL调用指定的控件器方法,控件器方法经过一系列执行操作后,向Jquery Ajax方法发送JSON格式的渲染数据,最后通过Jquery语言调用JSON格式的...
它完整支持JSON Schema 的版本3和版本4,并且它集成了一些流行的CSS 框架,例如bootstrap, foundation, and jQueryUI等。 JSON Editor 生成的编辑器支持输入框、下拉框、等几乎所有的html5输入元素
Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套.../**/习惯用jQuery符合定义的jquery文件的朋友建议下载此文件 更多问题请联系博主!
//定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert(this.name+"的密码="+this.pass); } } //遍历person属性包括方法,如果不想显示出方法,可用typeof(person...
所谓的Ajax.... } 好了,现在我们谈谈前台Js怎么处理后台返回的数据吧,可利用Jquery处理返回的纯html,json,Xml等数据.这里我们演示返回返回的数据有string、集合(List<>)、类. 但都返回Json格式
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...
实现效果如下,在编辑表格的同时可以实现字段json内容的自动变化,点击提交...定义要操作的表格头: <input readonly=readonly class=form-control type=text id=scorerange value= name=scorerange/> <tr>