浅谈jQuery中ajaxPrefilter的应用

前端技术 2023/09/06 JavaScript

jQuery的定义了一个ajax过滤器ajaxPrefilter,通过该过滤器可以过滤通过jQuery相应的ajax函数发送的ajax请求。

在项目中,很多地方存在指定开始时间、结束时间来获取该时间区间内某些值随时间变化的过程线的需求,我们可以定义一个通用的ajaxPrefilter来过滤所有ajax请求,当开始时间超过结束时间的时候,便将该ajax请求abort。

$.ajaxPrefilter(function (options, originalOptions, jqXHR) { //tm1、tm2表示开始时间、结束时间
  var requestType, params, startTime, endTime;
  requestType = (originalOptions.type || \"\").toUpperCase(); //jsonp的时候type为undefined
  if (requestType === \"GET\") {
    params = originalOptions.data ? $.param(originalOptions.data) : originalOptions.url;
  } else if (requestType === \"POST\") {
    params = $.param(originalOptions.data);
  }
  if (params) {
    startTime = params.match(/(^tm1|&tm1)=([^&#]*)/i) ? decodeURIComponent(params.match(/(^tm1|&tm1)=([^&#]*)/i)[2].replace(/\\+/g, \"%20\")) : null;
    endTime = params.match(/(^tm2|&tm2)=([^&#]*)/i) ? decodeURIComponent(params.match(/(^tm2|&tm2)=([^&#]*)/i)[2].replace(/\\+/g, \"%20\")) : null;
    if (startTime && endTime) {
      startTime = startTime.replace(/\\-/g, \"/\");
      endTime = endTime.replace(/\\-/g, \"/\");
      if (new Date(startTime).getTime() > new Date(endTime).getTime()) {
        jqXHR.abort();
        alert(\"开始时间不能大于结束时间\");
      }
    }
  }
});</pre>
</div>
<p>以上这篇浅谈jQuery中ajaxPrefilter的应用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。</p>

</div>
</section>
<section class=\"xgwz\">
<b>【热门文章】</b>
<ul>

 <li><a href=\"/b.php/80935.html\">Bootstrap每天必学之警告框插件</a></li><li><a href=\"/b.php/80936.html\">C语言接口与实现方法实例详解</a></li><li><a href=\"/b.php/80937.html\">WordPress中登陆后关闭登陆页面及设置用户不可见栏目</a></li><li><a href=\"/b.php/80938.html\">iOS实现左右拖动抽屉效果</a></li><li><a href=\"/b.php/80939.html\">Win10系统正式版快速启动功能怎么关闭(图文教程)</a></li><li><a href=\"/b.php/80940.html\">重装win7系统提示windows无法完成安装的解决方法</a></li><li><a href=\"/b.php/80941.html\">ajax 动态传递jsp等页面使用id辨识传递对象</a></li><li><a href=\"/b.php/80942.html\">Win8系统电源怎么设置成节能模式?</a></li><li><a href=\"/b.php/80943.html\">解决用jquery load加载页面到div时,不执行页面js的问题</a></li><li><a href=\"/b.php/80944.html\">Node.js 文件夹目录结构创建实例代码</a></li><li><a href=\"/b.php/80945.html\">解析PHP提交后跳转</a></li><li><a href=\"/b.php/80946.html\">win10 mobile自带office提示要订阅office365的解决办法</a></li><li><a href=\"/b.php/80947.html\">zf框架db类的分页示例分享</a></li><li><a href=\"/b.php/80948.html\">基于Javascript实现倒计时功能</a></li><li><a href=\"/b.php/80949.html\">CSS伪元素 :before, :after, box-shadow应用</a></li><li><a href=\"/b.php/80950.html\">PHP实现读取一个1G的文件大小</a></li><li><a href=\"/b.php/80951.html\">解决jquery中美元符号命名冲突问题</a></li><li><a href=\"/b.php/80952.html\">jquery选择器之属性过滤选择器详解</a></li><li><a href=\"/b.php/80953.html\">MongoDB常用操作命令大全</a></li><li><a href=\"/b.php/80954.html\">20个实用的JavaScript技巧分享</a></li><li><a href=\"/b.php/80955.html\">举例分析Python中设计模式之外观模式的运用</a></li><li><a href=\"/b.php/80956.html\">jQuery对象初始化的传参方式</a></li><li><a href=\"/b.php/80957.html\">ASP.NET Razor模板引擎中输出Html的两种方式</a></li><li><a href=\"/b.php/80958.html\">jQuery基于扩展实现的倒计时效果</a></li></ul>
</section>


  <section class=\"xgwz\">
  <b>【热门文章】</b>
  <ul>
 <li><a href=\"/c.php/25688.html\">微信怎么实现滚动条滑动?</a></li><li><a href=\"/c.php/25689.html\">用es6,为什么import两个相互有依赖的模块会报错?</a></li><li><a href=\"/c.php/25690.html\">下面代码,flex自适应布局,但是图片宽度变窄了而不是文字的宽度变窄,我测试过是文字影响了导致没法自适应,为什么,应该怎么改?</a></li><li><a href=\"/c.php/25691.html\">androidstudio编译项目出错</a></li><li><a href=\"/c.php/25692.html\">mac端git命令行</a></li><li><a href=\"/c.php/25693.html\">前端调用后台接口</a></li><li><a href=\"/c.php/25694.html\">java转型的问题?</a></li><li><a href=\"/c.php/25695.html\">IDEA15如何使用maven方便的创建SpringMVC项目。</a></li><li><a href=\"/c.php/25696.html\">gitignore文件可以使用通配符吗?怎么实现例如Uploads/**/*.jpg的ignore效果?</a></li><li><a href=\"/c.php/25697.html\">Android怎么实现从桌面点击图标后返回上一次退出该应用的状态</a></li><li><a href=\"/c.php/25698.html\">光说不做,逻辑思维能力差?</a></li><li><a href=\"/c.php/25699.html\">android 视频直播  portrait 模式下 輸出影片旋转90 </a></li><li><a href=\"/c.php/25700.html\">只要添加CheckBox就错。是怎么回事儿?</a></li><li><a href=\"/c.php/25701.html\">如何在自己实现shared_ptr时,使得定义的shareda_ptr类模板可以接受一个可调用对象?</a></li><li><a href=\"/c.php/25702.html\">django开发一个list赋值问题</a></li><li><a href=\"/c.php/25703.html\">网页版支付宝的问题</a></li><li><a href=\"/c.php/25704.html\">在github上写博客,文章内容数据怎么存放获取,有什么好的解决方法?</a></li><li><a href=\"/c.php/25705.html\">Safari上传附件时,显示的附件名称全为image,怎么显示照片原名称</a></li><li><a href=\"/c.php/25706.html\">Yii2联表查询不能查个别字段?</a></li><li><a href=\"/c.php/25707.html\">mysql索引执行</a></li></ul>
</section>


<section class=\"cont pl\" id=\"comment\"><b></b>

<div id=\"SOHUCS\" sid=\"art_104965\"></div>
</section>
<div class=\"search\">
<form action=\"http://zhannei.baidu.com/cse/search\" method=\"get\" target=\"_blank\" class=\"bdcs-search-form\" id=\"bdcs-search-form\">
		<input name=\"s\" value=\"12351952642737355179\" type=\"hidden\">
        <input name=\"entry\" value=\"1\" type=\"hidden\">
        <input name=\"ie\" value=\"gbk\" type=\"hidden\">
        <input name=\"nsid\" value=\"1\" type=\"hidden\">
     
<input type=\"text\" placeholder=\"请输入您感兴趣的关键字\" value=\"\" id=\"search_txt1\" maxlength=\"18\" class=\"search_txt\" name=\"q\">
<input class=\"search_btn\" value=\"搜 索\" type=\"submit\">
</form>
</div>
<nav class=\"nav-foot\">
<ul>

   <li><a href=\"/jiaotong/huoche/\">火车</a></li>
         
          <li><a href=\"/jiaotong/gaotie/\">高铁</a></li>
         
         <li><a href=\"/jiaotong/qiche/\">汽车</a></li>
          <li><a href=\"/jiaotong/gongjiao/\">公交</a></li>
         
          <li><a href=\"/jiaotong/zijia/\">自驾</a></li>
         
          <li><a href=\"/jiaotong/licheng/\">里程</a></li>
 <li> <a href=\"/jiaotong/jingdian/\">景点</a></li>
         
          <li><a href=\"/jiaotong/gonglue/\">攻略</a></li>
          <li><a href=\"/jiaotong/wen/\">问路</a></li>
          <li><a href=\"/\">计算机</a></li>
         
</ul>
<ul>
<li><a href=\"/\">首页</a></li>
<li><a href=\"/jiaotong/huoche/\">火车</a></li>
         
          <li><a href=\"/jiaotong/gaotie/\">高铁</a></li>
         
         <li><a href=\"/jiaotong/qiche/\">汽车</a></li>
          <li><a href=\"/jiaotong/gongjiao/\">公交</a></li>
     
</ul>
</nav>

<footer class=\"footer-min\">
<div class=\"app\">
<a href=\"javascript:void(0)\" class=\"pc\">电脑版</a> - <a href=\"/\">返回首页</a></div>
<div class=\"copyright\">Copyright &copy;2017 <a href=\"/\">交通频道</a> All Rights Reserved</div>
</footer>

<div class=\"clearfix\"></div>
<div class=\"asd\"><span id=\"asd-footer\" class=\"jbTestPos\"><script>gx(4);</script></span></div>
<script>
var path_url=\"/b.php/100243.html\";
</script>

<script type=\"text/javascript\" src=\"/img/jquery-1.10.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/img/menuclick.js\"></script>

<br>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement(\"script\");
  hm.src = \"https://hm.baidu.com/hm.js?4e18701aa680bab2e8eb968e32500cf0\";
  var s = document.getElementsByTagName(\"script\")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</div>


</body>
</html>

本文地址:https://www.stayed.cn/item/15843

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。