Ajax
2017-12-17 本文已影响0人
子约nan
1.基本介绍
AJAX是异步的Javascript和XML的缩写。实际含义是可以在不重新刷新整个网页的情况下，局部更新网页。比如，更新局部表单，在用户填写一个字段以后，可以马上把该行数据发送给服务器，服务器进行验证，即时返回错误，不用等待表单内容全部填写完毕再发送给服务器，比较快捷方便。
2.基本步骤
（1）HTML和CSS完成页面编写;
（2）XMLHttpRequest和web服务器进行数据的异步交换;
（3）Javascript操作DOM进行页面局部刷新;
- XMLHttpRequest对象
request = new XMLHttpRequest();
4.GET和POST请求
- GET：一般用于信息获取，使用URL传递参数，对发送信息的数量有限制，多用于查询页面，修改URL就可以发送请求，方便但是不安全。
- POST：一般用于修改服务器上资源，对于发送信息无数量限制，比较安全。
- HTTP响应
（1）HTTP响应一般由三个部分组成：一个数字和文字组成的状态码，用来显示请求是成功还是失败；响应头，包含很多如服务器类型、日期、内容类型等信息；响应体，响应的正文。
例如：
（2）响应的状态码：1XX：信息类，表示收到浏览器请求，正在进一步的处理中；2XX：成功；3XX：重定向，表示请求没有成功，客户必须采取进一步的动作；4XX：客户端错误，表示客户端提交的请求有错误；5XX：服务器错误，表示服务器不能完成请求的处理。
6.XMLHttpRequest发送请求
（1） open(method,url,async)；async-同步或异步，一般为异步true，默认是异步true；
(2) send(string)； GET可以不填写
7.获取XMLHttpRequest响应
（部分）
<span style="font-size:14px;">var request=new XMLHttpRequest();
request.open(“GET”,”get.php”,true);
request.send();
request.onreadystatechange=function(){
if(request.readyState===4&&request.status===200){
//输入其他操作
}
}</span>
