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 ©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
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我