什么是json，使用json,使用eval和parse

最新推荐文章于 2021-03-06 11:14:33 发布
最新推荐文章于 2021-03-06 11:14:33 发布
阅读量1.1k 收藏
点赞数
文章标签： json eval parse javascript局部变量和全局变量同名
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czh500/article/details/80588231
版权

直接看图看代码！代码中有具体的案例！


testJSON.jsp页面

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试JSON</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/body.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/mark.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/input2.css">
</head>
<body οnlοad="testJSON()">
	<center>
		<form action="">
		<h2>测试JSON</h2>
		<h3>Ajax中解析Json的两种方法详解</h3>
		<h3>顺便测试下javascript局部变量和全局变量同名的问题</h3>
		<a target="_blank" href="https://www.cnblogs.com/mylove103104/p/4599001.html">
		可参考网页https://www.cnblogs.com/mylove103104/p/4599001.html
		</a><br><br>
			共有<input type="text" id="count" name="count" value="">条记录<br>
			<br> 共有<input type="text" id="pageCount" name="pageCount"
				value="">页<br>
			<br> 第<input type="text" id="nowPage" name="nowPage" value="">页<br>
			<br>
			用户名<input type="text" id="userName" value="我叫张三"><br><br>
			手机号<input type="text" id="userTel" value="13755668899"><br><br>
			<input type="text" id="testJsonData"><br><br>
			<input type="text" id="testJsonObj"><br><br>
			<input type="text" id="testJsonObj2"><br><br>
			<input type="text" id="testJsonDataStr"><br><br>
			<input type="button" value="测试javascript函数名和变量名同名" οnclick="test()">
			<input type="button" value="测试调用函数时把js变量当成函数的参数来传递" οnclick="test3(hometown)">
			<input type="button" value="测试javascript局部变量和全局变量同名" οnclick="testVariable()">
			<input type="button" value="测试json" οnclick="testJSON2()">
			<input type="button" value="测试jsonStr" οnclick="testJsonStr()">
			
		</form>
	</center>
</body>

<script type="text/javascript">
		var userName = "zhangsan";//全局变量
		var test = "test ok";
		var test;
		var hometown = "江西省赣州市于都县!";
	function test(){
		alert("test=" + test);
	}
	
	function test2(){
		alert("test=" + test);
	}
	
	function test3(home){
		alert("home=" + home + "test=" + test);
	}
	
	function testJSON(){
		var jsonDate = '{ "count":"66","pageCount":7,"nowPage":"2" }';
		var jsonObj = eval( '(' + jsonDate + ')' );  // eval();方法
		document.getElementById("nowPage").value = jsonObj.nowPage;
		var jsonObj = JSON.parse( jsonDate );  // JSON.parse(); 方法
		document.getElementById("count").value = jsonObj.count;
		var jsonDate = '{ "count":alert("hello javaScript"),"pageCount":7,"nowPage":23 }';
		var jsonObj = eval( '(' + jsonDate + ')' );  // eval();方法
		var jsonDate = '{ "count":7,"pageCount":"testFor()","nowPage":23 }';
		var jsonObj = eval( '(' + jsonDate + ')' );  // eval();方法
		var jsonObj = JSON.parse( jsonDate );  // JSON.parse(); 方法
		document.getElementById("pageCount").value = jsonObj.pageCount;
		var jsonDate = '{ "count":testFor(),"pageCount":7,"nowPage":23 }';
		var jsonObj = eval( '(' + jsonDate + ')' );  // eval();方法
		//报错  这个错误告诉我们这个字符串是不合法的(具体可参考https://www.cnblogs.com/mylove103104/p/4599001.html)
		var jsonObj = JSON.parse( jsonDate );  // JSON.parse(); 方法
	}
	
	function testJSON2(){
		/*
		使用JSON.parse()函数，需严格遵守JSON规范，如属性都需用引号引起来,我在火狐浏览器下测试的结果是属性必须使用双引号引起来，属
		性不能使用单引号引起来，使用单引号把属性引起来会报错，所以只能使用双引号把属性引起来。具体可以参考网
		页http://www.jb51.net/article/25987.htm
		*/
		//var jsonDate = '{ "count":"198","pageCount":20,"nowPage":"8" }';
		//var jsonDate = '{ "count":"269","pageCount":89,"nowPage":"26" }';
		//var jsonDate = "{ 'count':504,'pageCount':233,'nowPage':'152' }";
		//var obj = JSON.parse(jsonDate);
		//var obj = eval("(" + jsonDate + ")");
		//var obj = eval(jsonDate);
		//var jsonDate = "{ 'count':'668','pageCount':'999','nowPage':'2876' }";
		//var jsonDate = "{ 'count':1399,'pageCount':558,'nowPage':689257 }";
		//var jsonDate = '{ count:226,pageCount:9987,nowPage:75589 }';
		var jsonDate = '{ "count":"12659","pageCount":1198,"nowPage":3357 }';
		//JSON.parse()函数对json的语法比较严格
		var obj = JSON.parse(jsonDate);
		//var obj = eval("(" + jsonDate + ")");
		document.getElementById("testJsonData").value = obj + " - " + obj.count + " - " + obj.pageCount;
		//
		// 员工信息  
	    var employeeInfo = {  
	        emplNum : '123',  
	        emplName : 'lee',  
	        telNum : '18888888888'  
	    };  
	    // 标签信息  
	    var dataParam = [];  
	    for(var i=0; i<3; i++){  
	        var employeeLabel = {  
	            labelName : 'name' + i,  
	            labelOrder : i,  
	            labelRemarks : 'remark' + i  
	        }  
	        dataParam.push(employeeLabel);  
	    }
	    //用户信息
	    var userInfo = {  
	    		userNum : '9527',  
	    		userName : document.getElementById("userName").value,  
	    		userTelNum : document.getElementById("userTel").value 
		    }; 
		document.getElementById("testJsonObj").value = employeeInfo.telNum + " - " + dataParam[0].labelName;
		document.getElementById("testJsonObj2").value = userInfo.userNum + " - " + userInfo.userName + " - " + userInfo.userTelNum;
		document.getElementById("testJsonDataStr").value = JSON.stringify(employeeInfo);
		
		
	}
	
	function testJsonStr(){
		var  params = [];  
	    for(var i = 0; i < 3; i++){  
	        var param = [];  
	        param.push("one");  
	        param.push("two");  
	        param.push("three");  
	        params.push({"group":i,"param":param});  
	    }  
	    var json = JSON.stringify(params);  
	    alert(json);
	}
	
	//测试javascript中局部变量和全局变量同名
	function testVariable(){
		alert("测试1-userName=" + userName);
		var userName = "lisi";
		alert("测试2-userName=" + userName);
		alert("测试3-userName=" + this.userName);
	}
	
	function testFor(){
		for (var i = 1; i <= 3; i++) {
			alert("hello" + i);
		}
	}
</script>
</html>

程宇寒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于JS中的eval及json介绍
xiaoweids的博客
08-19 271
第10行呢，由于code2是一个json对象，不是一个字符串，因此eval在这里没有起作用，原样返回，所以跟第8行输出一样。ajax的返回值有些是json格式的字符串，所以要用eval("("+返回的json格式字符串+")")来转换，这样写一般是没有问题的，但现在有很多是用jquery中的ajax方法来做的，jquery的强大也让很多人在用时容易忽略一些问题，比较常见的就是contentType跟dataType，contentType与本文没什么关系，这里只说说dataType参数。
浅谈eval及json
xiaoweids的博客
06-24 721
声明一下，本人是JS新手，所以不敢说深入，只是把最近对eval的学习经验拿出来跟大家分享，如果您是高手可略去不看。适合读者：对JS中的eval一知半解，不知eval是如何把字符串转换为json对象的，在用eval把字符串转换为json时常遇到“missing ] after element list”错误却不知哪儿错了的朋友一、Eval介绍(这部分来自http://www.w3school.com.cn/js/jsref_eval.asp)定义和用法:eval() 函数可计算某个字符串，并执行其中的的 Ja
关于json和eval的使用
fgakjfd的专栏
04-30 2万+
2009-11-14JSON实例（AJAX+STRUTS ）json：存在json数组和json实体  json实体：{键值对}  json数组：[{},{},{}]eval: var json对象=eval((json数据));大括号括起来的内容被eval()执行后返回的是一个JSON对象，该对象是一个数组(数组其实也是对象)，该数组里面有4个数据，这4个
json eval
我行我能
08-10 669
<br />JSON 是 javascript 的一个子集，所以，在javascript 中使用JSON是非常简单的         js 代码var myJSONObject = {"bindings": [           {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},           {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^dele
# eval()函数的使用以及Json对象与Json字符串互转
liang526011569的博客
03-06 6326
eval()函数的使用以及Json对象与Json字符串互转
JSON在Javascript中的使用（eval和JSON.parse的区别）详细解析
10-19
主要介绍了JSON在Javascript中的使用以及eval和JSON.parse的区别详细解析,本文对eval()和JSON.parse()的区别介绍的非常详细，需要的朋友可以参考下
js使用eval解析json(js中使用json)
10-26
JavaScript中的`eval()`...综上所述，尽管`eval()`在某些场景下可以用于解析JSON，但为了安全和性能，推荐使用`JSON.parse()`。在编写JavaScript代码时，应尽量避免使用`eval()`，除非你完全了解它的行为和潜在风险。
ThinkPHP中使用ajax接收json数据的方法
10-25
在开发Web应用时，数据交互是必不可少的一部分，尤其是在前后端分离的架构中。ThinkPHP作为一个流行...在实际开发中，还要注意安全性问题，例如避免使用`eval()`，而是使用更安全的JSON.parse()方法来解析JSON字符串。
为什么JS中eval处理JSON数据要加括号
10-24
在JavaScript中，`eval()`函数是一个强大的工具，它能够执行一个字符串形式的JavaScript代码。然而，当涉及到处理JSON...然而，为了代码的安全性和性能，推荐使用`JSON.parse()`替代`eval()`来处理JSON数据。
JSON.parse()方法
热门推荐
XTY00的博客
11-20 3万+
一、JSON的解析方法有两种：eval()和JSON.parse() var jsonstr='{"str1":"Hello,", "str2":"world!"}'; var evalJson=eval('('+jsonstr+')'); var jsonParseJson=JSON.parse(jsonstr);  这样就把jsonstr这个json格式的字符串转换成了JSON对象。 ...
java eval json_JSON.parse() 与 eval()区别
weixin_33503998的博客
03-06 216
JSON(JavaScript Object Notation)是一种轻量级的数据格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是Javascript原生格式，这意味着在javascript中处理JSON数据不需要任何特殊的API或工具包，而且效率非常高。JSON的结构如下：“名称/值”对的集合(A collection of name/value pairs)。不同的语...
JSON.parse与eval
积累点滴，保持自我
04-25 813
JSON.parse与eval和能将一个字符串解析成一个JSON对象，但还是有挺大区别。 测试代码 var A = "{ a: 1 , b : 'hello' }"; var B = "{ 'a': 1 , 'b' : 'hello' }"; var C = "{'a':1,'b':'hello'}"; var D = '{"a":1,"b":"hello"}'; var E = '{ ...
JSON在Javascript中的使用（eval和JSON.parse的区别）
babulongbo的博客
09-04 428
JSON 和XML比较 json的长度和xml比起来更加短小 json读取速度更快 json可以使用javascript的内置方法直接进行解析，转化成Javascript对象，非常方便。 在Javascript使用eval将接送转化为json对象var jsonData = '{"persons":{"name":"成龙","age":58},{"name":"吴京","age":33},"
js中JSON.parse()、JSON.stringify()以及$.param()用法小结
cjx1991的博客
07-21 1万+
1.JSON.parse()用于从一个字符串中解析出json对象，如 var str ='{"name":"zyc","age":"23"}'; 结果: JSON.parse(str); Object age:'23' name:'zyc' 注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛异常。 2.JOSN.stringify()用于从一个对象解析出字符串，如 var
$parse、$eval及$compile服务详解及案例
刹那的博客
08-02 359
在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。 $parse和 $eval 　大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而...
JSON.parse()和eval()的区别
说：/~不了的专栏
09-30 4627
json格式非常受欢迎，而解析json的方式通常用JSON.parse()但是eval()方法也可以解析，这两者之间有什么区别呢？ JSON.parse()之可以解析json格式的数据，并且会对要解析的字符串进行格式检查，如果格式不正确则不进行解析，而eval()则可以解析任何字符串，eval是不安全的。 比如下面的字符串： var str = 'alert(1000.toStrin
json与eval
flare
02-18 244
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括...
浅谈JSON.parse、JSON.stringify和eval的区别和作用
流绪@微梦
10-09 475
（1）JSON.parse() 函数 作用：将 JavaScript 对象表示法 (JSON) 字符串转换为对象。　　 语法：JSON.parse(text [, reviver]) 参数： · text　　必需。 一个有效的 JSON 字符串。 · reviver　　可选。 一个转换结果的函数。 将为对象的每个成员调用此函数。 返回值：一个对象或数组 example： var json = ‘{...
autojs无法使用JSON.parse
最新发布
03-17
在Auto.js中，无法直接使用JSON.parse函数进行JSON字符串的解析。这是因为Auto.js的JavaScript引擎不支持原生的JSON对象。但是你可以使用eval函数来实现JSON字符串的解析。 下面是一个示例代码，演示了如何使用eval...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值