1.前一天重点内容复习
Ajax使用
作用:异步请求,不需要整个页面刷新,局部位置更新数据
执行过程:通过浏览器创建代理对象,通过Ajax引擎解析,请求服务器,服务器调用业务接口,响应数据,将数据返回给回调函数,回调函数完成业务逻辑操作
原生步骤
创建代理对象:
var xhttp = new XMLHttpRequest();
建立连接:
xhttp.open("提交方式", "url", true);
发送请求:
xhttp.send();
等待数据响应:
xhttp.onReadyStateChange = function(){
if(this.readyState==4 && this.status==200){
//处理响应成功事物
}
}
JQuery的Ajax使用
方式一:
$.ajax({
url:请求的路径,
type:提交方式,
data:请求携带的数据,
success: function(data){
//服务器响应成功执行的操作
},
error: function(data){
//服务器响应失败执行的操作
},
dataType:服务器响应的数据格式
}
);
方式二:
$.get(
访问路径,
提交参数,
响应函数,
响应数据类型
);
方式三:
$.post(
访问路径,
提交参数,
响应函数,
响应数据格式
);
2.