`
coconut_zhang
  • 浏览: 540719 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

jQuery解析JSON数据对象

 
阅读更多

字符串集如下:

  • var data="   
  • {   
  • root:   
  • [   
  • {name:'1',value:'0'},   
  • {name:'6101',value:'西安市'},   
  • {name:'6102',value:'铜川市'},   
  • {name:'6103',value:'宝鸡市'},   
  • {name:'6104',value:'咸阳市'},   
  • {name:'6105',value:'渭南市'},   
  • {name:'6106',value:'延安市'},   
  • {name:'6107',value:'汉中市'},   
  • {name:'6108',value:'榆林市'},   
  • {name:'6109',value:'安康市'},   
  • {name:'6110',value:'商洛市'}   
  • ]   
  • }"; 

     

    这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。

    对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:

  • var dataObj=eval("("+data+")");//转换为json对象   
  • alert(dataObj.root.length);//输出root的子对象数量   
  • $.each(dataObj.root,function(idx,item){   
  • if(idx==0){   
  • return true;   
  • }  
  •  
  • //输出每个root子对象的名称和值   
  • alert("name:"+item.name+",value:"+item.value);   
  • })  

     

    对于服务器返回的JSON字符串,如果jquery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getJSON()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可,这里以$.getJSON方法为例说明数据处理方法:

     

  • $.getJSON("http://gaoyusi.blog.163.com/",{param:"gaoyusi"},function(data){   
  • //此处返回的data已经是json对象   
  • //以下其他操作同第一种情况   
  • $.each(data.root,function(idx,item){   
  • if(idx==0){   
  • return true;//同countinue,返回false同break   
  • }  
  •  
  • alert("name:"+item.name+",value:"+item.value);  
  •  
  • });   
  • }); 
  • 分享到:
    评论

    相关推荐

      用jquery解析JSON数据的方法

      用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里...

      用jquery解析JSON数据的方法20110227

      在JavaScript和jQuery中,解析JSON数据是常见的任务,特别是在与服务器进行异步通信时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在jQuery中...

      jQuery读取json数据

      关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...

      jquery解析JSON数据的方法.docx

      在JavaScript和jQuery中,解析JSON数据是常见的任务,特别是在与服务器进行异步通信时。JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,它使得人和机器都能容易地读取和写入数据。当jQuery从服务器...

      Jquery解析json数据详解

      最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。...

      Jquery解析Json数据

      在本话题中,我们将深入探讨如何使用jQuery解析JSON数据,这在现代Web应用中是一个非常重要的技能,因为JSON(JavaScript Object Notation)已经成为数据交换的标准格式。 JSON是一种轻量级的数据交换格式,它易于...

      Jquery解析json

      6. **前端jQuery解析JSON数据** #### JSON介绍 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON格式基于JavaScript的一个子集,但JSON是独立于...

      Jquery解析Json数据,实现级联菜单

      本主题将深入探讨如何使用jQuery解析JSON数据并实现级联菜单,这在构建动态和交互性强的用户界面时非常常见。级联菜单通常用于导航,其中下拉选项根据上一个选项的选择而变化,提供更具体的子类别。 首先,让我们...

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

      本篇文章将深入探讨如何利用jQuery从JSON对象转换为form提交数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和...

      Jquery.json.js

      jQuery提供了方便的方法来处理JSON数据,包括`$.getJSON()`和`$.ajax()`等函数,可以方便地从服务器获取JSON数据并将其转化为JavaScript对象,或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...

      使用JQUery解析JSON字符串

      在IT行业中,JavaScript库jQuery是前端开发中...以上就是关于“使用jQuery解析JSON字符串”这一主题的详细讲解,涵盖了JSON的基础知识、jQuery的解析方法以及动态更新DOM的内容。希望对您在实际项目中的应用有所帮助。

      jquery实现json数据填充到table表格中并且实现remove add 数据

      在本项目中,我们假设已经从后台数据库获取了JSON数据,这些数据可能包含一系列对象,每个对象都有对应表格列的属性。 接下来,我们利用jQuery来操作DOM元素,创建表格。首先,我们需要一个HTML结构,包含一个表格...

      jquery获取json数据的并分页案例

      本案例将深入探讨如何使用jQuery来获取JSON数据并实现分页功能,这对于网页应用的数据展示至关重要。 首先,理解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...

      jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

      总结来说,`jquery_json.rar`中的插件为jQuery提供了JSON处理能力,使得在JavaScript环境中处理JSON数据变得更加便捷,特别是在那些不支持原生JSON API的旧版浏览器中。这个插件的使用,极大地促进了Web应用的开发...

      jQuery解析json数据实例分析

      本文主要介绍了如何利用jQuery解析JSON数据,并通过实例详细阐述了在前端页面中利用jQuery处理从服务器端通过Servlet返回的JSON格式数据的具体方法。以下将结合提供的内容,具体介绍相关的知识点: 1. JSON数据格式...

      jQuery树状json数据转表格插件.zip

      1. **解析JSON**:插件首先需要解析输入的JSON数据,提取出节点信息,包括键值对和嵌套结构。 2. **构建表格**:解析后的数据会被用来生成HTML表格,每一级节点对应一行,父节点和子节点通过折叠/展开按钮进行连接。...

      jquery-json使用

      一、解析JSON数据 在jQuery中,我们可以使用`$.parseJSON()`方法将JSON字符串转换为JavaScript对象。例如,假设我们从服务器获取到一个JSON字符串: ```json var jsonString = '{"name": "John", "age": 30, "city...

      jquery解析json格式数据的方法(对象、字符串)

      一、jQuery解析Json数据格式: 使用这种方法,你必须在Ajax请求中设置参数: dataType: “json” 获取通过回调函数返回的数据并解析得到我们想要的值,看源码: jQuery.ajax({ url: full_url, dataType: json, ...

      jquery.json2xml.js和jquery.xml2json.js

      这样可以方便地将JSON数据发送到服务器,或者在需要XML结构的环境中使用。 ```javascript var json = { "person": { "name": "John", "age": 30, "city": "New York" } }; $.json2xml(json); ``` 而`jquery....

    Global site tag (gtag.js) - Google Analytics