jquery JSON解析代码
jquery JSON解析说明.这里首先给出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对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。
1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:
var dataObj=eval("("+data+")");//转换为json对象
alert(dataObj.root.length);//输出root的子对象数量
$.each(dataObj.root,fucntion(idx,item){
if(idx==0){
return true;
}
//输出每个root子对象的名称和值
alert("name:"+item.name+",value:"+item.value);
})
2.对于服务器返回的JSON字符串,如果jquery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getJSON()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可,这里以$.getJSON方法为例说明数据处理方法:
$.getJSON("codego.net",{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);
});
});
这里特别需要注意的是方式1中的eval()方法是动态执行其中字符串(可能是js脚本)的,这样很容易会造成系统的安全问题。所以可以采用一些规避了eval()的第三方客户端脚本库,比如 codego.net就提供了一个不超过3k的脚本库。
jquery JSON解析说明完毕.
转载于:https://blog.51cto.com/qianc8115/1629185
jquery JSON解析代码相关推荐
- java json解析 代码_Java构造和解析Json数据的两种方法详解一
在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面首先介绍用json-lib构造和解析Jso ...
- iOS Swift JSON解析教程
In this tutorial, we will learn how to parse a JSON response in our iOS Application using Swift. We ...
- Android JSONObject – Android中的JSON解析
Android JSONObject is used for JSON parsing in android apps. In this tutorial we'll discuss and impl ...
- ESP8266 学习 十一 ESP8266 JSON解析
解析JSON格式信息是一个较为繁琐的工作,因此我们将借助解析Arduino – ESP8266平台中解析JSON格式信息的第三方库--ArduionJson库.该库是目前最受好评的解析JSON信息第三 ...
- php jquery ajax xml,jquery Ajax解析XML数据代码实例
jquery Ajax解析XML数据(同步及异步调用)简单实例 $.ajax({ async: true, // 默认true(异步请求) cache: true, // 默认true,设置为 fal ...
- android Json解析详解(详细代码)
android Json解析详解(详细代码) JSON的定义: 一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性.业内主流技术为其提供了完整的解决方案(有点类似于正则表达式 ,获得了当 ...
- 用Html5实现天气预报的原理,HTML5 Canvas和jQuery实时天气预报代码解析「附源码」...
HTML5 Canvas和jQuery实时天气预报代码解析「附源码」 这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效.该天气预报特效将各种天气制作为卡片形式,包括下雨,闪电,白天,夜间和下 ...
- 一文搞定json解析和封装问题,手把手带你学习CJSON开源代码
cJSON保姆级教程 JSON简介 cJSON介绍 基本使用操作 关键数据结构 设计思想 JSON数据解析 解析步骤 json数据封装 封装步骤 封装示例 使用注意事项 内存及时释放 内存钩子 阅读心 ...
- JSON 解析的两种方法
今天帮朋友看了下JSON解析结果············· eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. ...
最新文章
- HttpWebRequest类之基本定义
- 论文简述 | 无需校正和不失真的实时变化的鱼眼双目
- Java实体对象为什么一定要实现Serializable接口呢?
- CSS 文字垂直居中自适应 - 代码篇
- js合并对象中有相同key值的_js 深比较和浅比较
- CloudStack 4.4学习总结之注册ISO
- 如何安装固态硬盘和重装系统???
- 《普林斯顿微积分读本》笔记-第4章求解多项式的极限问题
- 蓝桥杯C/C++A组省赛历年真题题解(2013~2021)
- 如何将txt、excel文档里面的电话号码快速转换为vcf格式的电话簿导入手机
- android dfu升级
- 条件概率和全概率公式
- MySQL-5.5.32 配置文件优化详解
- 第五章 软件项目成本管理
- 关闭tomcat6下的stdout日志
- js删除json中指定的元素
- 又干起一起胡闹的事了,,,,,,,,
- UVa 10110 灯光
- 转载Python正则表达式匹配反斜杠'\'问题(——字符串转义与正则转义)
- k8s暴露端口的方式