首页 > 代码库 > AJAX初步
AJAX初步
Ajax: javascript and xml 异步的JS 和XML
-->客户端JS中的方法,用来向服务端发送请求(还可以传递给服务器),然后把服务器端返回
的内容获取到(AJAX一般是运行在客户端的浏览器中的)
AJAX四步:
//创建一个AJAX对象(下面的写法在IE6及更低的版本的浏览器中不支持)
var xhr = new XMLHttpRequest;
// 发送前的基本信息配置:
配置请求方式(GET、POST、PUT、DELETE、HEAD)
打开一个URL地址(配置向哪一个服务器地址发送请求)
同步还是异步(true代表异步false代表同步 默认是true)
[username]向服务器提供请求的用户名
[userpass]向服务器提供请求的用户密码 这两个值一般都不写,只有服务器做了安全限制,
只许特定的用户访问的话,我们才传递过去
xhr.open("get","/data.text",false.[username],[userpass]);
xhr.onreadystatechange=function(){
->xhr.readyState:AJAX状态码,可以代表当前AJAX处理的进度
0 UNSENT 当前的请求还没有发送
1 OPENED URL地址已经打开(发送前的参数配置已经完成)
2 HEADERS_RECEIVED响应头信息已经接收
3 LOADING 主要返回的内容正在服务器端进行准备处理
4 DONE 响应主体的内容已经成功返回到客户端
xhr.status:HTTP网络状态码,描述了服务器响应内容的状态
200 OR ^2\d{2} (200或者以2开头的) ->都代表响应主体的内容已经成功返回了
301 -> 永久重定向/永久转移
302 -> 临时重定向/历史转移
304 -> 本次获取的内容是读取缓存总的数据
400 -> 客户端传递给服务端的采纳数出现错误
401 ->无权限访问
404 ->客户端访问的地址不存在
500 ->未知的服务器错误
503 -> 服务器已经超负荷 一台服务器能承受10000人,那么10001个人访问,如果没有做服务器的负载均衡
那么这个人的状态码就是503
if(xhr.readyState===4 &&/^2\d{2}$/.test(xhr.satatus)){
var val = xhr.responseText;
}
};
// 发送请求:参数是请求主体中传递给服务器的内容
xhr.send(null);
XML:可扩展的标记语言(在XML文件中使用的标签都是自己扩展的)
->利用自己扩展的有规则的标记来存储相关的数据
AJAX初步