Herkes sorgu dize parametrelerini işlemek için bir jQuery uzantısı yazmak için iyi bir yol biliyor mu? Temelde jQuery sihirli ($)işlevini genişletmek istiyorum, böylece böyle bir şey yapabilirsiniz:

$('?search').val(); 

Bu da bana şu URL'de değer "testini" verecekti: http://www.example.com/index.php?search=test.

Ben jQuery ve Javascript bunu yapabilirsiniz fonksiyonları bir sürü gördüm, ama aslında jQuery tam olarak yukarıda gösterildiği gibi genişletmek istiyorum. Bir jQuery eklentisi aramıyorum, jQuery yöntemine bir uzantı arıyorum.

Yıllarca çirkin dize ayrıştırma işleminden sonra, daha iyi bir yol var: URLSearchParams Konumdan değerler almak için bu yeni API'yi nasıl kullanabileceğimize bir göz atalım!

// "? Post = 1234 & action = edit" varsayarsak

var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.has('post')); // true
console.log(urlParams.get('action')); // "edit"
console.log(urlParams.getAll('action')); // ["edit"]
console.log(urlParams.toString()); // "?post=1234&action=edit"
console.log(urlParams.append('active', '1')); // "?

post=1234&action=edit&active=1"

GÜNCELLEME: IE desteklenmez

URLSearchParams yerine aşağıdaki yanıttan bu işlevi kullanın

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('action')); //edit

Neden jQuery genişletmek? JQuery'yi global bir işleve sahip olarak genişletmenin yararı ne olur?

function qs(key) {
    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx meta chars
    var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)"));
    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
}

http://jsfiddle.net/gilly3/sgxcL/

Alternatif bir yaklaşım, tüm sorgu dizesini ayrıştırmak ve daha sonra kullanmak üzere değerleri bir nesnede saklamak olacaktır. Bu yaklaşım düzenli bir ifade gerektirmez ve window.locationnesneyi genişletir (ancak küresel bir değişkeni de kolayca kullanabilir):

location.queryString = {};
location.search.substr(1).split("&").forEach(function (pair) {
    if (pair === "") return;
    var parts = pair.split("=");
    location.queryString[parts[0]] = parts[1] &&
        decodeURIComponent(parts[1].replace(/\+/g, " "));
});

http://jsfiddle.net/gilly3/YnCeu/

Bu sürüm ayrıca, Array.forEach()IE7 ve IE8'de yerel olarak bulunmayan kullanımından da yararlanır . MDN'deki uygulama kullanılarak eklenebilir veya $.each()bunun yerine jQuery's kullanabilirsiniz .

JQuery jQuery-URL-Parser eklentisi aynı işi yapar, örneğin arama sorgusu string parametresinin değerini almak için kullanabilirsiniz

$.url().param('search');

Bu kütüphane aktif olarak tutulmamaktadır. Aynı eklentinin yazarı tarafından önerildiği gibi, URI.js'yi kullanabilirsiniz .

Veya js-url kullanabilirsiniz bunun yerine . Aşağıdaki ile oldukça benzer.

Böylece param sorgusuna şu şekilde erişebilirsiniz: $.url('?search')

Bu gem bizim arkadaşlar SitePoint üzerinde bulundu. https://www.sitepoint.com/url-parameters-jquery/ .

PURE jQuery kullanma. Bunu sadece kullandım ve işe yaradı. Örneğin biraz hatırladım.

//URL is http://www.example.com/mypage?ref=registration&email=bobo@example.com

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('ref')); //registration
console.log($.urlParam('email')); //bobo@example.com

İstediğiniz gibi kullanın.

Bu benim kod örneğim değil, ama geçmişte kullandım.

//First Add this to extend jQuery

    $.extend({
      getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
          hash = hashes[i].split('=');
          vars.push(hash[0]);
          vars[hash[0]] = hash[1];
        }
        return vars;
      },
      getUrlVar: function(name){
        return $.getUrlVars()[name];
      }
    });

    //Second call with this:
    // Get object of URL parameters
    var allVars = $.getUrlVars();

    // Getting URL var by its name
    var byName = $.getUrlVar('name');

Ben sadece sorgu parametresi adını ayrıştırmak zorunda küçük bir işlev yazdı. Eğer varsa:? Project = 12 & Mode = 200 & date = 2013-05-27 ve 'Mode' parametresini istiyorsanız, sadece 'Mode' adını fonksiyona ayrıştırmalısınız:

function getParameterByName( name ){
    var regexS = "[\\?&]"+name+"=([^&#]*)", 
  regex = new RegExp( regexS ),
  results = regex.exec( window.location.search );
  if( results == null ){
    return "";
  } else{
    return decodeURIComponent(results[1].replace(/\+/g, " "));
  }
}

// example caller:
var result =  getParameterByName('Mode');

@Rob Neild'in yukarıdaki cevabına dayanarak, burada çözülmüş sorgu dizesi parametrelerinin basit bir nesnesini (% 20, vb. Yok) döndüren saf bir JS uyarlaması var.

function parseQueryString () {
  var parsedParameters = {},
    uriParameters = location.search.substr(1).split('&');

  for (var i = 0; i < uriParameters.length; i++) {
    var parameter = uriParameters[i].split('=');
    parsedParameters[parameter[0]] = decodeURIComponent(parameter[1]);
  }

  return parsedParameters;
}

Yazan Vanilla Javascript

     //Get URL
     var loc = window.location.href;
     console.log(loc);
     var index = loc.indexOf("?");
     console.log(loc.substr(index+1));
     var splitted = loc.substr(index+1).split('&');
     console.log(splitted);
     var paramObj = [];
     for(var i=0;i<splitted.length;i++){
         var params = splitted[i].split('=');
         var key = params[0];
         var value = params[1];
         var obj = {
             [key] : value
         };
         paramObj.push(obj);
         }
    console.log(paramObj);
    //Loop through paramObj to get all the params in query string.

function parseQueryString(queryString) {
    if (!queryString) {
        return false;
    }

    let queries = queryString.split("&"), params = {}, temp;

    for (let i = 0, l = queries.length; i < l; i++) {
        temp = queries[i].split('=');
        if (temp[1] !== '') {
            params[temp[0]] = temp[1];
        }
    }
    return params;
}

Bunu kullanıyorum.