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);}
});