`
齐晓威_518
  • 浏览: 617801 次
  • 性别: 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 的定义 JSON(JavaScript Object Notation,JavaScript 对象表示法)是一种轻量级的数据交换格式,它基于 JavaScript 的一个子集。JSON 采用完全独立于...

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

    1. JSON定义: JSON格式通常由键值对组成,键用引号括起来,后跟冒号,值可以是字符串、数字、布尔值、数组、null,或者嵌套的JSON对象。数组以方括号`[]`包裹,对象以大括号`{}`包裹。例如: ```json [ {...

    json定义及jquery操作json的方法

    1、json定义: 简单的json格式为[{“key1″:”value1”},{“key2″:”value2”}], []代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值。 ...

    基于json数据的jquery卡片轮播图插件

    本文将深入探讨一款基于JSON数据的jQuery卡片轮播图插件,它通过AJAX技术实现卡片信息的动态加载,并提供API接口供用户自定义操作。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人...

    使用JQuery实现从JSON对象转换为form提交数据

    jQuery是一个强大的JavaScript库,提供了丰富的API来简化DOM操作、事件处理、动画效果以及Ajax交互。在处理表单数据时,jQuery的`serialize()`和`serializeArray()`方法尤为有用。 1. **JSON对象到表单数据的转换**...

    jquery.json2xml.js和jquery.xml2json.js

    jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者...

    asp.net生成json对象,jquery读取

    在ASP.NET中生成JSON对象并使用jQuery进行读取是Web开发中的常见操作,尤其是在构建AJAX驱动的应用程序时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和...

    jquery.json-viewer示例

    **jQuery JSON Viewer 示例** jQuery JSON Viewer 是一个非常实用的JavaScript插件,用于将JSON对象以易于阅读和理解的格式展示出来。它通过提供一个清晰的树状结构,使得复杂的JSON数据变得直观,这对于开发者在...

    Struts2+JSON+JQuery实现简单的验证

    最后,JQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。在本例中,JQuery将用于在客户端进行验证,例如检查表单输入的有效性,而无需每次都向服务器发送请求。 下面是如何使用...

    jQuery ajax读取json文件内容

    - `dataType`:定义了期望服务器返回的数据类型,这里设置为"json",表示预期返回JSON格式的数据。 - `success`:一个回调函数,当请求成功时执行。在这个函数中,使用了$.each()方法来遍历返回的JSON数据,对每一个...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    ### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...

    ssi+json+jquery 案例

    通过实际操作和理解这些示例,开发者可以更好地掌握如何在现代Web应用中有效利用SSI、JSON和jQuery。在实际开发中,这样的组合可以帮助提高代码的可维护性和用户体验,尤其是在构建富互联网应用(RIA)时。

    struts2.1.8+json+jquery1.3实现ajax

    这通常通过在Action类的方法上添加注解`@Result(type="json")`或在XML配置中定义一个JSON结果类型来实现。 2. 创建Action:创建一个Java类作为Struts2的Action,这个类包含处理用户请求的方法。在方法中处理业务...

    ajax从后台读json数据,jquery在页面简析

    在这个例子中,`YourModel`是你定义的数据模型类,`Gson`是Google提供的JSON库,可以将Java对象转换成JSON字符串。 总结来说,Ajax结合jQuery和JSON,以及Java后端,可以实现高效的、用户体验良好的动态网页交互,...

    基于json数据的动态jquery轮播图插件

    在实际应用中,开发者需要将JSON数据文件链接到HTML页面,通过jQuery解析数据,然后利用这些数据创建和操作DOM元素,实现轮播图的动态加载和显示。此外,插件还可能提供了配置选项,允许调整轮播速度、自动播放、...

    json.js 与jquery冲突解决

    `json.js`可能是一个用于处理JSON数据的JavaScript库,而与jQuery冲突的问题通常出现在两个库都尝试使用相同的全局变量或者方法名。 在JavaScript中,JSON主要用于序列化和解析数据对象,使得数据可以在客户端和...

    JQuery 获取json数据$.getJSON方法的实例代码

    在这一部分中,将详细解释关于JQuery库中的$.getJSON方法及其实际应用的知识点。$.getJSON是JQuery中处理JSON数据常用的一个方法,它用于从服务器获取JSON格式数据,并且可以指定当成功接收到数据时执行的回调函数来...

    AJAX+JQuery+JSON的综合例子

    2. **jQuery**:jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果以及Ajax交互。在这个例子中,我们使用jQuery的AJAX功能来发送请求和处理响应。 3. **JSON**:JSON(JavaScript Object ...

Global site tag (gtag.js) - Google Analytics