首页 > web前端 > js教程 > 正文

ajax到底该如何使用?

PHP中文网
发布: 2017-06-21 10:16:10
原创
1267人浏览过

今天来说一下ajax,话不多说;直接上代码!

//将数据转换成 a=1&b=2格式;
function json2url(json){
   var arr = [];
   //加随机数  防止缓存;
   json.t = Math.random();
   for(var name in json){
      arr.push(name+'='+json[name]);
   }
   return arr.join('&');
}

function ajax(json){
   //考虑前台默认值:
   if(!json.url){
      alert('请输入合理的请求地址!');
      return;
   }
   json.type = json.type || 'get';
   json.time = json.time || 5000;
   json.data = json.data || {};
      //1.创建一个ajax对象;
      var timer = null;
   if(window.XMLHttpRequest){
      var oAjax = new XMLHttpRequest();
   }else{
      var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
   }
   
   //判断用户传递的是get还是post请求:
   switch (json.type.toLowerCase()){
      case 'get':
         //2.打开请求;
         oAjax.open('get',json.url+'?'+json2url(json.data),true);
         //3.发送数据:
         oAjax.send();
         break;
      case 'post':
         //打开请求;
         oAjax.open('post',json.url,true);
         //设置请求头;
         oAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
         //发送数据;
         oAjax.send(json2url(json.data));
         break;
   }
    json.fnLoading && json.fnLoading();
   //4.获取响应数据
   oAjax.onreadystatechange = function(){
      if (oAjax.readyState == 4) {
      	json.complete && json.complete();
         if (oAjax.status >= 200 && oAjax.status < 300 || oAjax.status == 304) {
            //如果外边传递了成功的回调函数,那么就执行,
            json.success && json.success(oAjax.responseText);
         } else {
            //如果外边传递了失败的回调函数,那么就执行,
            json.error && json.error(oAjax.status);
         }
         clearTimeout(timer);//规定时间内取到数据后清除定时器;
      }
   };
   var timer;
   timer = setTimeout(function(){//设置网络响应超时;
      alert('网络响应超时,请稍后再试');
      oAjax.onreadystatechange = null;//网络超时后清除事件;
   },json.time);
};
登录后复制

以上就是ajax到底该如何使用?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号