JSON基础

最新推荐文章于 2022-05-29 21:37:18 发布

Zero-place

最新推荐文章于 2022-05-29 21:37:18 发布

阅读量99

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/qq_41877184/article/details/101764647

版权

JavaWeb 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

1.json是什么
它是js提供的一种数据交换格式

2.json的语法
{ } ：是对象！
>属性必须使用双引号括起来！单引不行！
>属性值：null，数值，数组[ ]，boolean值

例1：给定js对象

window.onload=function(){
	var person={"name":"zhangsan","age":18,"sex":"male"};
	alert(person.name+","+person.age+","+person.sex);
}

例2：给定字符串(内容符合json格式)
利用eval处理：

window.onload=function(){
	var str="{\"name\":\"zhangsan\",\"age\":18,\"sex\":\"male\"}";
	var person=eval("("+str+")");
	alert(person.name+","+person.age+","+person.sex);
}

疑问：eval转换json对象时为什么外边加括号？
原因在于：eval本身的问题。由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。
举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：
alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]

总结为：利用eval中添加的"括号"，将String强行转换为js对象，避免eval直接对{ }内容执行。

案例1：前后端利用json简单交互
json.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>Insert title here</title>
<script>
function createXMLHttpRequest(){
	try{
		return new XMLHttpRequest();
	}catch(e){
		try{
			return new ActiveXObject("Xsxml2.XMLHTTP");
		}catch(e){
			try{
				return new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){
				alert("我们不在一个世界！");
			}
		}
	}
}

	window.onload=function(){
		//获取btn元素
		var btn=document.getElementById("btn");
		btn.onclick=function(){
			//1.得到request
			var xmlHttp=createXMLHttpRequest();
			//2.连接
			xmlHttp.open("GET","AServlet",true);
			//3.发送
			xmlHttp.send(null);
			//4.给xmlHttp的状态改变事件上添加监听
			xmlHttp.onreadystatechange=function(){
				if(xmlHttp.readyState==4 && xmlHttp.status==200){
					var text=xmlHttp.responseText;
					//执行json串
					var person = eval("("+text+")");
					var s=person.name+","+person.age+","+person.sex;
					document.getElementById("h3").innerHTML=s;
				}
			}
		};	
	};
</script>
</head>
<body>
<button id="btn">点击</button>
<h3 id="h3">
</h3>
</body>
</html>

AServlet的doGet部分

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		/*
		 * 向客户端发送json串
		 */
		String str="{\"name\":\"zhangsan\",\"age\":18,\"sex\":\"male\"}";
		response.getWriter().print(str);
		System.out.println(str);
	}

Zero-place

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSON基础

1.json是什么它是js提供的一种数据交换格式2.json的语法{ } ：是对象！>属性必须使用双引号括起来！单引不行！>属性值：null，数值，数组[ ]，boolean值例1：给定js对象window.onload=function(){ var person={"name":"zhangsan","age":18,"sex":"male"}; aler...
复制链接

扫一扫

专栏目录