ajax的全称:Asynchronous JavaScript and XML(异步的JavaScript和XML);
Ajax不是某种编程语言:是一种在无需重新加载整个网页的情况下能够更新部分网页技术。
Ajax改变了web的开发布局,
XMLHttpRequest 可以实现后台与服务器端的数据交互,而不需要重新加载页面。
概念介绍
.运用HTML和css来实现页面,表达信息;
.运用XHLHttpRequest和web服务器进行数据的异步交换;
.运用JavaScript操作DOM,实现动态局部刷新;
XMLHttpRequest对象这是我们要解决的第一个问题XHR;
var request = new XMLHttpRequest();
有些游览器不支持
var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safar;
}else{
request = new ActiveXobject("Microft.XMLHTTP");//IE6,IE5
http是一种无状态的协议:
概念介绍-HTTP请求
一个完整的HTTP请求过程,通常有下面7个步骤:
1.建立TCP连接
2.Web浏览器向web服务器发送请求命令
3.web浏览器发送请求头信息
4.web服务器应答
5.web服务器发送应答头信息
6.web服务器浏览器发送数据
7.web服务器关闭Tcp连接
一个http请求一般由四部分组成:
1.http请求的方法或动作,不如是get还是post请求
2.正在请求的url,总得知道请求的地址是什么吧
3.请求头,包含一些客户端环境信息,身份验证信息等
4.请求体,也就是请求的正文,请求正文中可以包含客户提交的查询字符串信息,表单信息等等;
. get :一般用于信息获取
使用url传递参数
对所发送信息的数量也有限制,一般在2000个字符
。post :一般用于修改服务器上的资源。
对所发送信息的数量无限制
.readyState属性
-0:请求未初始化,open还没有调用
-1:服务器连接建立,哦喷已经调用了
-2:请求已接受,也就是接受到头信息了
-3:请求处理中,也就是接收到响应主体了
-4:请求已经完成,且响应已就绪,也就是响应完成了
监听 readyState 的状态
var request = new XMLHttpRequest();
request.open("GET","get.php",true);
request.send();
request.onredystatechange =function(){
is(request.readyState===4&&request.status===200){
//做一些事情request.responseText
}
}