AJAX重新认识
2017-03-20 本文已影响5人
聆听者JYZ
首先是get和post的区别:
get:明文传输(不安全)、传输量比较小、会有缓存、但 便于分享;(主要是用来:浏览)
post:暗文传输(安全)、传输量大(64位服务器,几乎没限制)、不会有缓存,但不便于分享;(主要是用来向服务器提交数据)
封装AJAX工具
function AJAX(url,fnSuccess,fnFial) {
//1、创建对象
var OAjax = null;
//处理IE6的兼容问题
if(XMLHttpRequest){
OAjax = new XMLHttpRequest();
}else {
OAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
//2、链接服务器
//open(方法,url,是否异步)
OAjax.open('get',url,'true');
//3、发送请求
OAjax.send();
//4、接收返回
OAjax.onreadystatechange=function () {
//0:刚初始 1:已经载入send方法 2:载入完成send 3:正在相应解析内容 4:相应完成,可以用了
//alert(OAjax.readyState);
if(OAjax.readyState==4){
//status==200,说明请求成功
if(OAjax.status==200){
fnSuccess(OAjax.response);
alert('成功'+OAjax.status+OAjax.response);
}else {
if(fnFial){
fnFial(OAjax.response);
}
alert('请求失败'+OAjax.responseText);
}
}
}
}
注意事项:
1、可以 new Date().getTime() 方式消除缓存的影响,直接链接后面添加这个参数
2、可以用eval() 方法解析字符串