json 解析
2014-06-05 16:06
323 查看
[align=left]一般解析后台传到前台的json字符串成为js对象有两种方式:
1.使用eval_r()函数[/align]
Js代码
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:'商洛市'}
]
}";
var dataObj=eval_r("("+data+")");//转换为json对象
为什么要 eval这里要添加 “("("+data+")");//”呢?
原因在于:eval本身的问题。由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
Js代码
alert(eval_r("{}"); // return undefined
alert(eval_r("({})");// return object[Object]
对于这种写法,在JS中,可以到处看到。
如: (function()) {}(); 做闭包操作时等。
2. 使用Function对象来进行返回解析。
第二种解析方式就是使用Function对象来完成,它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析:
Js代码
1.使用eval_r()函数[/align]
Js代码
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:'商洛市'}
]
}";
var dataObj=eval_r("("+data+")");//转换为json对象
为什么要 eval这里要添加 “("("+data+")");//”呢?
原因在于:eval本身的问题。由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
Js代码
alert(eval_r("{}"); // return undefined
alert(eval_r("({})");// return object[Object]
对于这种写法,在JS中,可以到处看到。
如: (function()) {}(); 做闭包操作时等。
2. 使用Function对象来进行返回解析。
第二种解析方式就是使用Function对象来完成,它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析:
Js代码
1.var json='{"name":"CJ","age":18}'; data =(new Function("","return "+json))(); |
相关文章推荐
- jquery JSON的解析方式
- JS 解析 JSON 及 XML
- JSON 数据解析
- 网络数据解析(2) JSON
- e4x 解析xml
- java&android开发中简化json解析过程--选择json解析库
- PHP  JSON extension not avaliabl…
- FreeMarker解析List<JSONObject>数据的疑惑
- iphone开发之iphone解析xml&json-2
- PHP serialize & JSON 解析
- XML文件解析&操作&与JSON比较
- zTree联想终极篇-->将存储树形数据表封装成自定义TreeNode-->将自定义TreeNode解析成JSON树形字串
- Android&nbsp;HAL实例解析
- PHP serialize & JSON 解析
- iOS SBJson解析,拼接的用法
- TouchJSON 用法
- iphone开发之iphone解析xml&json-1
- javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")
- 从头到尾彻底解析Hash&nbsp;表算法
- [iPhone]XML文件解析 parsing-xml-…