jQuery-解析URL GET参数以确定是否显示Ajax微调器

Question

这段代码目前无法正常工作，但是我有以下内容：

App.Utils = {
  _spinnerDisabledAtQueryParam: function(request) {
    return /spinner\=false/.match(request.url);
  },
  showSpinner: function() {
    return $('#ajax-status').show();
  },
  hideSpinner: function() {
    return $('#ajax-status').hide();
  },
  bindSpinnerEvents: function(request) {
    $(document).on('ajaxStart', function() {
      if (!App.Utils._spinnerDisabledAtQueryParam(request)) {
        return App.Utils.showSpinner();
      }
    });
    return $(document).on('ajaxStop', function() {
      if ($.active === 0) {
        return App.Utils.hideSpinner();
      }
    });
  }
};

$(document).ready(function() {
  return App.Utils.bindSpinnerEvents(request);
});

如您所见，我正在将模拟请求对象传递给bindSpinnerEvents。 假设我有一个这样的网址：

http://localhost:8080/events?event_id=1&spinner=false

如果参数旋转器设置为true，我想做的是不显示旋转器。 我尝试了几种不同的方法，但似乎无法使它正常工作。 我刚刚开始学习jQuery / Javascript。 您可以提供的任何帮助将不胜感激。

Answer 1

if (~window.location.search.search(/(?:^|[&;])spinnner=true(?:[&;]|$)/)) {
    // Hide spinner.
}

jsFiddle 。

如果spinner是GET参数并且其值为true，则条件为true 。

~运算符将匹配的存在设为真 ，因此我们不需要与-1比较。

Answer 2

你可以尝试这样的事情

$(document).ready( function() {

            var name = 'spinner';
            var value;

              var regexS = "[\\?&]"+name+"=([^&#]*)";  
              var regex = new RegExp( regexS );  
              var results = regex.exec('http://localhost:8080/events?event_id=1&spinner=false'); 
               if( results == null ){
                    value=  "";  
               }
              else {value = results[1]}   ;
              alert(value);
              if(value) {
                  $('#ajax-status').show();

              } else {
                  $('#ajax-status').hide();

              }
    };