`
Thomas会Coding
  • 浏览: 96705 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery解析json数据

 
阅读更多

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

    用jquery解析JSON数据的方法20110227

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

    Jquery解析Json数据

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

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

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

    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

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

    jQuery读取json数据

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

    jQuery解析json数据实例分析

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

    深入分析jquery解析json数据

    在深入分析jQuery解析JSON数据之前,我们首先要了解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。JSON基于JavaScript的一个子集,因此它和...

    Jquery.json.js

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

    jquery解析JSON数据示例代码

    这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式...

    使用JQUery解析JSON字符串

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

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

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

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

    在JavaScript或jQuery代码中,我们可以通过`$.getJSON()`方法来获取服务器端的JSON数据。成功获取数据后,遍历JSON数组,使用`append()`方法将每一项数据转化为`&lt;tr&gt;`元素并插入到表格中。例如: ```javascript $....

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

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

    4级级联菜单JQUERY+JSON版

    4. **jQuery处理**:在页面加载完成后,使用jQuery解析JSON数据,并根据数据动态生成DOM元素。例如,遍历JSON对象,创建对应的li元素,然后将其添加到对应的ul元素中。 5. **事件绑定**:监听用户的鼠标事件,当...

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

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

Global site tag (gtag.js) - Google Analytics