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对象,与此亦是大同小异,这里...
用jquery解析JSON数据的方法20110227用jquery解析JSON数据的方法20110227
jquery解析JSON数据的方法.docx
最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。...
jquery操作Dom对象,解析json数据,实现级联菜单,里面用到了事件绑定
NULL 博文链接:https://zmfkplj.iteye.com/blog/350694
主要介绍了jQuery解析json数据的具体实现方法,结合实例形式较为详细的分析了jQuery解析json格式数据的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式...
一、jQuery解析Json数据格式: 使用这种方法,你必须在Ajax请求中设置参数: dataType: “json” 获取通过回调函数返回的数据并解析得到我们想要的值,看源码: jQuery.ajax({ url: full_url, dataType: json, ...
主要深入分析jquery解析json数据的方法,非常的详尽,需要的朋友可以参考下
本实例是结合struts2 jquery来接受后台的json数据
主要介绍了jQuery解析json格式数据,涉及jQuery针对json格式数据元素遍历相关操作技巧,需要的朋友可以参考下
使用JQuery实现从JSON对象转换为form提交数据
主要介绍了jQuery解析json格式数据的方法,结合实例分析了使用jQuery1.7.2版本的方法解析json格式数据的技巧,需要的朋友可以参考下