1:首先使用工具校验一下你的json串是不是正确。推荐网站http://www.bejson.com/
2:这里我们以下列数据为例
[ { "name": "anzhen", "longitude": 119, "latitude": 70, "errorName": "bridge.pressure", "level": 5.1205745, "content": "bridge.pressure危险等级为:5.1205745" }, { "name": "mingguan", "longitude": 118, "latitude": 73, "errorName": "pipe.dampness", "level": 1.4216998, "content": "pipe.dampness危险等级为:1.4216998" }, { "name": "tiananmen", "longitude": 120, "latitude": 80, "errorName": "pipe.temperature", "level": 3.5, "content": "pipe.temperature危险等级为:3.5" }, { "name": "tiananmen", "longitude": 120, "latitude": 80, "errorName": "bridge.wind", "level": 3.3333333, "content": "bridge.wind危险等级为:3.3333333" }, { "name": "shanghai", "longitude": 230, "latitude": 90, "errorName": "bridge.wind", "level": 4.015443, "content": "bridge.wind危险等级为:4.015443" } ]
3:
function btn_refresh_onclick(){ $.get("info",null,function(data){ data=eval(data); var len=data.length; // alert(len); for(var i=0;i<len;i++){ var loc_lat=0; var loc_log=0; var des=""; var flag=0; var level=0; $.each(data[i],function(key,val){ if(key=="name"){ des="name: "+val; flag++; } if(key=="longitude"){ loc_log=val; } if(key=="latitude"){ loc_lat=val; } if(key=="content"){ des=des+"\ncontent: "+val; flag++; } if(key=="level"){ level=val; } if(flag==2&&loc_log!=0&&loc_lat.length!=0&&level!=0){ show_point_in_map(loc_log,loc_lat,des,level); //alert("经度:"+loc_log+" 纬度:"+loc_lat+"\n内容:"+des); } });//each }//for });//get }//btn_on_click
以上是解析的代码。首先使用$.get()方法,在回调函数里面对返回的数据进行解析,首先因为我们的json数据是字符串的格式,先要使用eval()函数转换一下。这一步很重要。然后获得data的长度。使用$.each()对每一条json数据进行解析。对照json数据的内容和以上的实例应该很好明白,要是数据有多层的话,反复的使用$.each()方法就可以了。
相关推荐
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里...
在JavaScript和jQuery中,解析JSON数据是常见的任务,特别是在与服务器进行异步通信时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在jQuery中...
在本话题中,我们将深入探讨如何使用jQuery解析JSON数据,这在现代Web应用中是一个非常重要的技能,因为JSON(JavaScript Object Notation)已经成为数据交换的标准格式。 JSON是一种轻量级的数据交换格式,它易于...
本主题将深入探讨如何使用jQuery解析JSON数据并实现级联菜单,这在构建动态和交互性强的用户界面时非常常见。级联菜单通常用于导航,其中下拉选项根据上一个选项的选择而变化,提供更具体的子类别。 首先,让我们...
在JavaScript和jQuery中,解析JSON数据是常见的任务,特别是在与服务器进行异步通信时。JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,它使得人和机器都能容易地读取和写入数据。当jQuery从服务器...
最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。...
6. **前端jQuery解析JSON数据** #### JSON介绍 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON格式基于JavaScript的一个子集,但JSON是独立于...
关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...
本文主要介绍了如何利用jQuery解析JSON数据,并通过实例详细阐述了在前端页面中利用jQuery处理从服务器端通过Servlet返回的JSON格式数据的具体方法。以下将结合提供的内容,具体介绍相关的知识点: 1. JSON数据格式...
在深入分析jQuery解析JSON数据之前,我们首先要了解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。JSON基于JavaScript的一个子集,因此它和...
jQuery提供了方便的方法来处理JSON数据,包括`$.getJSON()`和`$.ajax()`等函数,可以方便地从服务器获取JSON数据并将其转化为JavaScript对象,或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...
这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式...
在IT行业中,JavaScript库jQuery是前端开发中...以上就是关于“使用jQuery解析JSON字符串”这一主题的详细讲解,涵盖了JSON的基础知识、jQuery的解析方法以及动态更新DOM的内容。希望对您在实际项目中的应用有所帮助。
一、jQuery解析Json数据格式: 使用这种方法,你必须在Ajax请求中设置参数: dataType: “json” 获取通过回调函数返回的数据并解析得到我们想要的值,看源码: jQuery.ajax({ url: full_url, dataType: json, ...
在JavaScript或jQuery代码中,我们可以通过`$.getJSON()`方法来获取服务器端的JSON数据。成功获取数据后,遍历JSON数组,使用`append()`方法将每一项数据转化为`<tr>`元素并插入到表格中。例如: ```javascript $....
本案例将深入探讨如何使用jQuery来获取JSON数据并实现分页功能,这对于网页应用的数据展示至关重要。 首先,理解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...
4. **jQuery处理**:在页面加载完成后,使用jQuery解析JSON数据,并根据数据动态生成DOM元素。例如,遍历JSON对象,创建对应的li元素,然后将其添加到对应的ul元素中。 5. **事件绑定**:监听用户的鼠标事件,当...
1. **解析JSON**:插件首先需要解析输入的JSON数据,提取出节点信息,包括键值对和嵌套结构。 2. **构建表格**:解析后的数据会被用来生成HTML表格,每一级节点对应一行,父节点和子节点通过折叠/展开按钮进行连接。...