快捷導(dǎo)航

淺談jQuery中ajaxPrefilter的應(yīng)用

更新時(shí)間：2016年08月01日 10:09:51 投稿：jingxian

下面小編就為大家?guī)?lái)一篇淺談jQuery中ajaxPrefilter的應(yīng)用。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

jQuery的定義了一個(gè)ajax過(guò)濾器ajaxPrefilter，通過(guò)該過(guò)濾器可以過(guò)濾通過(guò)jQuery相應(yīng)的ajax函數(shù)發(fā)送的ajax請(qǐng)求。

在項(xiàng)目中，很多地方存在指定開(kāi)始時(shí)間、結(jié)束時(shí)間來(lái)獲取該時(shí)間區(qū)間內(nèi)某些值隨時(shí)間變化的過(guò)程線的需求，我們可以定義一個(gè)通用的ajaxPrefilter來(lái)過(guò)濾所有ajax請(qǐng)求，當(dāng)開(kāi)始時(shí)間超過(guò)結(jié)束時(shí)間的時(shí)候，便將該ajax請(qǐng)求abort。

$.ajaxPrefilter(function (options, originalOptions, jqXHR) { //tm1、tm2表示開(kāi)始時(shí)間、結(jié)束時(shí)間
  var requestType, params, startTime, endTime;
  requestType = (originalOptions.type || "").toUpperCase(); //jsonp的時(shí)候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("開(kāi)始時(shí)間不能大于結(jié)束時(shí)間");
      }
    }
  }
});

以上這篇淺談jQuery中ajaxPrefilter的應(yīng)用就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: