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>
网友评论