39、JAVA_WEB开发基础之ajax和json

版权声明：chaizepeng https://blog.csdn.net/chaizepeng/article/details/86700501

ajax是什么

首先要知道ajax并不是一种新的技术，而是几种技术的强强联合，全称是Asynchronous Javascript and xml，其精髓在于异步加载资源，因此可以实现局部加载效果（因为可以异步加载，所以不需要依靠整张页面加载）

ajax的工作环节

可将指定格式的数据（一般使用json格式）传递到服务器获取数据；使用xmlhttprequest对象实现一部数据的获取，可以异步访问资源，返回的资源可以通过动态dom结构的拼接进行显示和交互

ajax的工作原理

其原理简单来说就是通过xmlHttpRequest对象向服务器发送异步请求，进行数据的传递和获取，然后将返回的数据进行解析，用javascript或者jquery来操作DOM从而实现页面更新，实现局部刷新的效果。运用xmlhttprequest对象实现异步数据获取是ajax的核心

json是什么

json是一种更加轻量级的数据格式，现在的主流数据传输格式，可以将对象、数据、对象数组等数据转成json格式，以实现传输。

json格式是key:value的格式，例如：var jsonData = {"uname":"zhangsan"};

基本实例

$.ajax({
	type:"POST",//请求格式
	url:"/userController/getUsers",//请求路径
	data:{//数据，json格式
		"userId":"0001",
		"userName":"zhangsan"
	},
	success:function(data){//返回成功
		var userList = eval(data.userList);//获取传递回来的数据userList(json格式数据),转成数组
		for(var i = 0 ; i < userList.length ; i++){
			//进行dom的动态加载
		}
	},
	error:function(xmlHttpReq, textStatus, errorThrown){//返回失败
		alert(textStatus+":"+errorThrown);
	}
});