开发者学堂课程【Ajax:学习ajax四部操作】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/31
ajax四部操作
主要内容:
ajax发送异步请求的四部操作
第一步(得到XMLHttpRequest)
ajax只需掌握XMLHttpRequest
第二步(打开与服务器的连接)
xmlHttp.open():用来打开与服务器的连接,它需要三个参数:
请求方式:GET或POST
请求的URL:指定服务器端资源,如:/day23 1/AServerlet
请求是否为异步:若为true表示发送异步请求,否则同步请求。
xmlHttp.open(“GET”,”/day23 1/AServer”,true);
第三步(发送请求)
xmlHttp.send(null):若不给出,可能会造成部分浏览器无法发送。
参数:即请求体内容,若为GET请求,必须给出null。
第四步
l 在xmlHttp对象的一个事件上注册监听器:onreadystatechange
xmlHttp对象共有5个状态:
0状态:刚创建,还没有调用open()方法;
1状态:请求开始,调用了open()方法,但还没有调用send()方法;
2状态:调用完send()方法;
3状态:服务器已经开始响应,但不表示响应结束;
4状态:服务器响应结束;
l 得到xmlHttp对象的状态:
var state=xmlHttp.readyState;
l 得到响应的状态码:
var status=xmlHttp.status;
l 得到服务器响应的内容
var content=xmlHttp.responseText;//得到服务器的响应的文本格式内容;
var content=xmlHtto.responseXML;//得到服务器响应的XML内容,即Document对象;
xmlHttp.onreadystatechange=function(){//这是xmlHttp的5种状态都会调用的方法
if(xmlHttp.readystate==4&&xmlHttp.status==200){//双重判断:判断是否为4状态,且要判断是否为200//获取服务器的响应内容
vartext=xmlHttp.reponseText;}};