AJAX重新认识

首先是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() 方法解析字符串

你可能感兴趣的:(AJAX重新认识)