AJAX的概念介绍
1.XMLHttpRequest对象创建
var request= new XMLHttpRequest();
兼容ie6。ie5
var request;
if(windoe.XMLHttpRequest){
request= new XMLHttpRequest();//IE7+,Firefor,Chorme,Opera,....
}else{
request=new ActiveXObject("Microsoft.XMLHTTP");//IE6。IE5
}
2.HTTP请求步骤
(1)建立TCP连接
(2)Web浏览器向Webserver发送请求命令
(3)Webserver发送请求头信息
(4)Webserver应答
(5)Webserver发送应答信息
(6)Webserver向浏览器发送数据
(7)Webserver关闭TCP连接
3.HTTP请求一般由四部分组成
(1)HTTP请求的方法或动作。比方是GET还是POST请求
(2)正在请求的URL。总得知道请求的地址是什么
(3)请求头,包括一些client环境信息,身份验证信息等
(4)请求体,就是请求正文。请求正文中能够包含客户提交的查询字符串信息,表单信息等等
.GET:一般用于信息获取,使用URL传递參数,对所发送信息的数量有限,一般在2000个字符
.POST:一般用于改动server上的资源。
对所发送信息的数量无限。是比GET安全。
4.HTTP响应一般由三部分组成
(1)一个数组和文字组成的状态码。用来显示请求是成功还是失败
(2)响应头,包括非常多实用信息,如:server类型、日期时间、内容类型和长度等
(3)响应体,就是响应正文
5.HTTP状态码
.1XX:信息类,表示收到Web浏览器请求,正在进一步的处理中
.2XX:成功,表示用户请求被正确接收。处理。如:200 OK
.3XX:重定向,表示请求没有成功。客户必须採取进一步的动作
.4XX:client错误,表示client提交的请求有错误,如:404 NOT Found,意味着请求中所引用的文档不存在
.5XX:server错误,表示server不能完毕对请求的处理:如500
6.XMLHttpRequest发送请求
.open(method,url,async)[请求方法。请求地址,请求同步、异步]
.send(string)
注意:使用GET请求时send能够为null。使用POST请求send不能为null。
样例:
request.open("GET","get.php",true);
request.send();
request.open("POST","post.php",true);
request.send();
request.open("POST","sreate.php","true");
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("name=hyp&sex=女");
注意:setRequestHeader()方法设置http头信息。一定是在open和send之间。
7.XMLHttpRequest取得响应
.responseText:获取字符串形式的响应数据
.responseXML:获取XML形式的响应数据
.status和statusText:以数字和文本形式返回HTTP状态码
.getAllResponseHeader():获取全部的响应报头
.getResponseHeader():查询响应中的某个字段的值
.readyState属性
>0:请求末初始化,open还没有调用
>1:server连接已建立。open已经调用了
>2:请求已接收,也就是接收到头信息了
>3:请求处理中,也就是接收到响应主体了
>4:请求已完毕,且响应已就绪。也就是响应完毕了