¿Alguien sabe de una buena manera de escribir una extensión jQuery para manejar parámetros de cadena de consulta? Básicamente quiero extender la ($)función mágica jQuery para poder hacer algo como esto:

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

Lo que me daría la "prueba" valor en la siguiente URL: http://www.example.com/index.php?search=test.

He visto muchas funciones que pueden hacer esto en jQuery y Javascript, pero en realidad quiero extender jQuery para que funcione exactamente como se muestra arriba. No estoy buscando un complemento jQuery, estoy buscando una extensión para el método jQuery.

Después de años de análisis de cadenas feo, hay una mejor manera: URLSearchParams ¡Echemos un vistazo a cómo podemos usar esta nueva API para obtener valores de la ubicación!

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

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"

ACTUALIZACIÓN: IE no es compatible

use esta función de una respuesta a continuación en lugar de URLSearchParams

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

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

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

¿Por qué extender jQuery? ¿Cuál sería el beneficio de extender jQuery en lugar de tener una función global?

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/

Un enfoque alternativo sería analizar toda la cadena de consulta y almacenar los valores en un objeto para su uso posterior. Este enfoque no requiere una expresión regular y extiende el window.locationobjeto (pero podría usar fácilmente una variable global):

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/

Esta versión también hace uso de Array.forEach(), que no está disponible de forma nativa en IE7 e IE8. Puede agregarse usando la implementación en MDN , o puede usar jQuery's $.each()en su lugar.

El complemento jQuery-URL-Parser de JQuery hace el mismo trabajo, por ejemplo, para recuperar el valor del parámetro de cadena de consulta de búsqueda , puede usar

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

Esta biblioteca no se mantiene activamente. Según lo sugerido por el autor de la misma plugin, puede utilizar URI.js .

O puede usar js-url en su lugar. Es bastante similar al de abajo.

Para que pueda acceder al parámetro de consulta como $.url('?search')

Encontré esta joya de nuestros amigos en SitePoint. https://www.sitepoint.com/url-parameters-jquery/ .

Usando PURE jQuery. Acabo de usar esto y funcionó. Lo ajusté un poco, por ejemplo, el sake.

//URL is http://www.example.com/mypage?ref=registration&[email protected]

$.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')); //[email protected]

Úselo como quiera.

Este no es mi ejemplo de código, pero lo he usado en el pasado.

//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');

Escribí una pequeña función donde solo tienes que analizar el nombre del parámetro de consulta. Entonces, si tiene:? Project = 12 & Mode = 200 & date = 2013-05-27 y desea el parámetro 'Mode', solo tiene que analizar el nombre 'Mode' en la función:

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');

Sobre la base de la respuesta de @Rob Neild anterior, aquí hay una adaptación JS pura que devuelve un objeto simple de parámetros de cadena de consulta decodificados (sin% 20's, etc.).

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;
}

Escrito en Javascript Vanilla

     //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;
}

Yo uso esto.