1.AJAX 原理
ajax可以发送异步请求和接受响应,在通过js 修改页面内容
异步请求:在不销毁页面的请求下向服务端发送请求,局部修改页面
2.获取Ajax 对象
function getXHR(){
var xhr=null;
if(window.XMLHttpRequest()){
xhr=new XMLHttpRequest();
} else{xhr=new ActiveXObject(‘MIcrosoft.XMLHttp‘)}
}
3. Ajax 对象的属性方法
abort() 取消请求
getAllResponseseHeaders() 获得响应的所有HTTP 头
getResponseHeaders() 获取响应的HTTP 头
send() 发送请求
setRequestHeader() 指定请求的HTTP头
onreadystatechange() ajax对象发生任何状态变化时的事件 控制对象
readyState: 请求状态: 0.尚未初始化 --open-- 1. 正在发送请求 ---send()--- 2.请求完成(服务端接收到请求)--response---
3.ajax正在接收response的数据 4.接收完成(ajax接收数据成功)
responseTest() 获取服务器response返回的文本,如果传对象使用 json
status: 200 接收成功
202 请求已接收但处理未完成
400 错误请求
404 请求资源未找到
500 内部的服务器错误,通常是服务端的代码有异常
使用Ajax 发送异步请求
1. 获取ajax 对象
2. onreadystatechange=function 对象 绑定函数,当readystate 也就是请求发生变化时,调用该函数
绑定的函数 通过readyState、status 执行对应的逻辑,响应的数据可以通过responseText responseXml 属性获取
3. 创建请求 open("请求方式","地址","是否异步") arg1:get/post arg2:url arg3:boolean
4. setRequestHeader() 设置请求头,请求必须设置 application/x-www-form-urlencoded 表示提交表单数据(默认为text/html)
5. send() 如果是post 请求可以在里面写参数,get 请求在open里的url 写参数