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() 方法解析字符串
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,779评论 25 709
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,377评论 0 7
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,281评论 19 139
  • 天猫超市目前特价至4.9元,上次推荐是华东等地特价,这次换成华北东北了。奥地利大厂生产,无需担心品质问题。脱脂奶口...
    美衣美记阅读 1,014评论 0 0
  • 现在是九型第2阶最后一天的清晨。坐在小湖边长椅上,听着叽叽喳喳的鸟语、蛙鸣,眼前是碧水绿叶鸭子,涌入胸腔的是清新的...
    心微天下阅读 617评论 0 49