javaScript中eval()方法转换json对象

原文:javaScript中eval()方法转换json对象

<script language="javascript">
	    var user = '{name:"张三",age:23,'+
		'address:{city:"青岛",zip:"266071"},'+	'email:"iteacher@haiersoft.com.cn",'+
		'showInfo:function(){'+
		'document.write("姓名:"+this.name+"<br/>");'+
		'document.write("年龄:"+this.age+"<br/>");'+
		'document.write("地址:"+this.address.city+"<br/>");'+
		'document.write("邮编:"+this.address.zip+"<br/>");'+
		'document.write("E-mail:"+this.email+"<br/>");} }';
		var u = eval('('+user+')');
		u.showInfo();
</script>

1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:

var u = eval('('+user+')');

为什么要 eval这里要添加('('+user+')') ”呢?

原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]

2.对于服务器返回的JSON字符串,如果jquery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getJSON()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可,这里以$.getJSON方法为例说明数据处理方法:
$.getJSON("http://www.qk12333.com/",{param:"jcuckoo"},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()的第三方客户端脚本库,比如JSON in JavaScript就提供了一个不超过3k的脚本库。
第二种解析方式就是使用Function对象来完成,它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析
var json='{"name":"userName","age":28}';
data =(new Function("","return "+json))();
此时的data就是一个会解析成一个 json对象了.

时间: 2024-10-30 21:10:24

javaScript中eval()方法转换json对象的相关文章

javascript中eval()函数使用方法

前几天说到js中尽量不要使用eval,但是eval到底是什么那?今天我们就说说eval的那点事.   首先看一下本定义: 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string)   参数 描述   string    必需.要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句.    返回值 通过计算 string 得到的值(如果有的话). 说明 该方法只接受原始字符串作为参数,如果 string 参数

JavaScript中字符串(string)转json的2种方法

  这篇文章主要介绍了JavaScript中字符串(string)转json的2种方法,两种方法分别是使用js函数eval()和.使用jquery.parseJSON()方法,需要的朋友可以参考下 第一种方式: 使用js函数eval(); testJson=eval(testJson);是错误的转换方式. 正确的转换方式需要加(): testJson = eval("(" + testJson + ")"); eval()的速度非常快,但是他可以编译以及执行任何ja

javascript中replace( )方法的使用

  JavaScript中replace函数方法是返回根据正则表达式进行文字替换后的字符串的复制.使用方法:其中stringObj是必选项.要执行该替换的 String 对象或字符串文字. 最近在浏览一些阿里的前端面试题,其中有一题涉及了javascript中replace( )方法的使用,下面是原题: "说出以下函数的作用是?空白区域应该填写什么?" ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 // define (function

javascript中eval和with用法实例总结_javascript技巧

本文实例讲述了javascript中eval和with用法.分享给大家供大家参考,具体如下: 我们都知道javascript的作用域机制,但是with和eval有时会"破坏"我们对于作用域的常规理解.下面参考网上资源和自己理解总结一下eval和with的用法. 一.eval 1.eval函数:把一个字符串当作一个js表达式一样去执行它. 2.语法:eval(strScript) 注:参数strScript是必填项 3.使用说明 (1)它是有返回值的,如果参数字符串是一个表达式,就会返回

JavaScript中eval()函数用法详解_javascript技巧

eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行. 如果参数是一个表达式,eval() 函数将执行表达式.如果参数是Javascript语句,eval()将执行 Javascript 语句. 语法 复制代码 代码如下: eval(string) 参数 描述 string 必需.要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句. eval()函数用法详解: 此函数可能使用的频率并不是太高,但是在某些情况下具有很大的作用,下面就介绍一下eva

javascript中replace( )方法的使用_javascript技巧

最近在浏览一些阿里的前端面试题,其中有一题涉及了javascript中replace( )方法的使用,下面是原题: "说出以下函数的作用是?空白区域应该填写什么?" // define (function (window) { function fn(str) { this.str = str; } fn.prototype.format = function () { var arg = ______; return this.str.replace(_______, functio

JavaScript中借用方法详解

通过call().apply()和bind()方法,我们可轻易地借用其它对象的方法,而无须从这些对象中继承它. 在JavaScript中借用方法 在JavaScript中,有时可以重用其它对象的函数或方法,而不一定非得是对象本身或原型上定义的.通过 call().apply() 和 bind() 方法,我们可轻易地借用其它对象的方法,而无须继承这些对象.这是专业 JavaScript 开发者常用的手段. 前提 本文假设你已经掌握使用 call().apply() 和 bind() 的相关知识和它

JavaScript中的方法、方法引用和参数学习

首先,我们来看一段代码,如何觉得不甚明白的,则本文会对你有益: var player = function (e) {            return (function f(m) {    return m ? (function (n) {        return $('#Player', n).get(0) || f($('iframe', n).get(0));    })(m.contentWindow.document) : null;  })($(e).get(0)); }

Javascript中indexof方法的妙用

JavaScript中indexOf方法的语法:theString.indexOf(subString,[n]).它在指定字符串对象中寻找传送的子字符串,如果指定参数n,它可以从指定的位置开始向前搜索(从左往右).如果找到子字符串,返回子字符串在字符串中的位置:如果没有找到相应的字符串,返回-1. 利用它的这个属性,我们可以叫它干很多事,只要你指挥得当. 一.判断OS 虽然HTTP协议是跨平台的,但你编写的HTML页面最终的显示效果却往往与客户端所用的操作系统有关.比如MSOS系列(MS-DOS