Fragmento de código jQuery para obtener las variables dinámicas almacenadas en la url como parámetros y almacenarlas como variables JavaScript listas para usar con sus scripts:

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return decodeURI(results[1]) || 0;
    }
}

Example. com? param1 = name & param2 = & id = 6

$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

Ejemplos de parámetros con espacios

http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//output: Gold%20Coast



console.log(decodeURIComponent($.urlParam('city'))); 
//output: Gold Coast

Solución de 2018

Tenemos: http://example.com?sent=yes

let searchParams = new URLSearchParams(window.location.search)

Hace enviado exist?

searchParams.has('sent') // true

Es igual a "sí"?

let param = searchParams.get('sent')

Y luego solo compáralo.

Siempre pego esto como una línea. Ahora params tiene los vars:

params={};location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(s,k,v){params[k]=v})

Múltiples líneas:

var params={};
window.location.search
  .replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str,key,value) {
    params[key] = value;
  }
);

Como una función

function getSearchParams(k){
 var p={};
 location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(s,k,v){p[k]=v})
 return k?p[k]:p;
}

Que podrías usar como:

getSearchParams()  //returns {key1:val1, key2:val2}

O

getSearchParams("key1")  //returns val1

Puede que sea demasiado tarde. Pero este método es muy fácil y simple

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.url.js"></script>

<!-- URL:  www.example.com/correct/?message=done&year=1990 -->

<script type="text/javascript">
$(function(){
    $.url.attr('protocol')  // --> Protocol: "http"
    $.url.attr('path')      // --> host: "www.example.com"
    $.url.attr('query')         // --> path: "/correct/"
    $.url.attr('message')       // --> query: "done"
    $.url.attr('year')      // --> query: "1990"
});

UPDATE
Requiere el complemento de url: plugins.jquery.com/url
Gracias-Ripounet

O puede usar esta pequeña función ordenada, porque ¿por qué soluciones demasiado complicadas?

function getQueryParam(param) {
    location.search.substr(1)
        .split("&")
        .some(function(item) { // returns first occurence and stops
            return item.split("=")[0] == param && (param = item.split("=")[1])
        })
    return param
}

Que se ve aún mejor cuando se simplifica y se unifica:

Tl; dr solución de una línea

var queryDict = {};
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]})

result:
queryDict['sent'] // undefined or 'value'

Pero ¿qué pasa si tienes caracteres codificados o claves multivalor?

Será mejor que vea esta respuesta: ¿Cómo puedo obtener valores de cadena de consulta en JavaScript?

Sneak peak

"?a=1&b=2&c=3&d&e&a=5&a=t%20e%20x%20t&e=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dståle%26car%3Dsaab"
> queryDict
a: ["1", "5", "t e x t"]
b: ["2"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=ståle&car=saab"]

> queryDict["a"][1] // "5"
> queryDict.a[1] // "5"

Otra función alternativa...

function param(name) {
    return (location.search.split(name + '=')[1] || '').split('&')[0];
}

Tal vez usted podría querer dar Dentista JS una mirada? (descargo de responsabilidad: Yo escribí el código)

Código:

document.URL == "http://helloworld.com/quotes?id=1337&author=kelvin&message=hello"
var currentURL = document.URL;
var params = currentURL.extract();
console.log(params.id); // 1337
console.log(params.author) // "kelvin"
console.log(params.message) // "hello"

Con Dentist JS, básicamente puede llamar a la función extract() en todas las cadenas (por ejemplo, document.URL.extract ()) y se obtiene un HashMap de todos los parámetros encontrados. También es personalizable para tratar con delimitadores y todo.

Versión minificada

Este es simple y funcionó para mí

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results[1] || 0;
}

Así que si tu url es http://www.yoursite.com?city=4

Prueba esto

console.log($.urlParam('city'));

function GetRequestParam(param)
{
	var res = null;
	try{
		var qs = decodeURIComponent(window.location.search.substring(1));//get everything after then '?' in URI
		var ar = qs.split('&');
		$.each(ar, function(a, b){
			var kv = b.split('=');
			if(param === kv[0]){
				res = kv[1];
				return false;//break loop
			}
		});
	}catch(e){}
	return res;
}

Espero que esto ayude.

 <script type="text/javascript">
   function getParameters() {
     var searchString = window.location.search.substring(1),
       params = searchString.split("&"),
       hash = {};

     if (searchString == "") return {};
     for (var i = 0; i < params.length; i++) {
       var val = params[i].split("=");
       hash[unescape(val[0])] = unescape(val[1]);
     }

     return hash;
   }

    $(window).load(function() {
      var param = getParameters();
      if (typeof param.sent !== "undefined") {
        // Do something.
      }
    });
</script>

Hay una gran biblioteca: https://github.com/allmarkedup/purl

Que le permite hacer simplemente

url = 'http://example.com?sent=yes';
sent = $.url(url).param('sent');
if (typeof sent != 'undefined') { // sent exists
   if (sent == 'yes') { // sent is equal to yes
     // ...
   }
}

El ejemplo supone que estás usando jQuery. También podría usarlo como javascript simple, la sintaxis sería un poco diferente.

Esto podría ser excesivo, pero ahora hay una biblioteca bastante popular disponible para analizar URI, llamada URI.js .

Ejemplo

var uri = "http://example.org/foo.html?technology=jquery&technology=css&blog=stackoverflow";
var components = URI.parse(uri);
var query = URI.parseQuery(components['query']);
document.getElementById("result").innerHTML = "URI = " + uri;
document.getElementById("result").innerHTML += "<br>technology = " + query['technology'];

// If you look in your console, you will see that this library generates a JS array for multi-valued queries!
console.log(query['technology']);
console.log(query['blog']);

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.17.0/URI.min.js"></script>

<span id="result"></span>

Usando URLSearchParams:

var params = new window.URLSearchParams(window.location.search);
console.log(params.get('name'));

Prueba esta demo de trabajo http://jsfiddle.net/xy7cX /

API:

• inArray : http://api.jquery.com/jQuery.inArray /

Esto debería ayudar :)

Código

var url = "http://myurl.com?sent=yes"

var pieces = url.split("?");
alert(pieces[1] + " ===== " + $.inArray("sent=yes", pieces));

Esto le dará un buen objeto para trabajar con

    function queryParameters () {
        var result = {};

        var params = window.location.search.split(/\?|\&/);

        params.forEach( function(it) {
            if (it) {
                var param = it.split("=");
                result[param[0]] = param[1];
            }
        });

        return result;
    }

Y luego;

    if (queryParameters().sent === 'yes') { .....

Esto se basa en la respuesta de Gazoris , pero la URL decodifica los parámetros para que puedan usarse cuando contienen datos que no sean números y letras:

function urlParam(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    // Need to decode the URL parameters, including putting in a fix for the plus sign
    // https://stackoverflow.com/a/24417399
    return results ? decodeURIComponent(results[1].replace(/\+/g, '%20')) : null;
}

Tan simple que puede usar cualquier url y obtener valor

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

Ejemplo De Uso

// query string: ?first=value1&second=&value2
var foo = getParameterByName('first'); // "value1"
var bar = getParameterByName('second'); // "value2" 

Nota: Si un parámetro está presente varias veces (?first = value1&second = value2), obtendrá el primer valor (value1) y el segundo valor como (value2).

Hay otro ejemplo con el uso de URI .biblioteca js.

El ejemplo responde las preguntas exactamente como se hicieron.

var url = 'http://example.com?sent=yes';
var urlParams = new URI(url).search(true);
// 1. Does sent exist?
var sendExists = urlParams.sent !== undefined;
// 2. Is it equal to "yes"?
var sendIsEqualtToYes = urlParams.sent == 'yes';

// output results in readable form
// not required for production
if (sendExists) {
  console.log('Url has "sent" param, its value is "' + urlParams.sent + '"');
  if (urlParams.sent == 'yes') {
    console.log('"Sent" param is equal to "yes"');
  } else {
    console.log('"Sent" param is not equal to "yes"');
  }
} else {
  console.log('Url hasn\'t "sent" param');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.2/URI.min.js"></script>

Versión Coffeescript de la respuesta de Sameer

getUrlParameter = (sParam) ->
  sPageURL = window.location.search.substring(1)
  sURLVariables = sPageURL.split('&')
  i = 0
  while i < sURLVariables.length
    sParameterName = sURLVariables[i].split('=')
    if sParameterName[0] == sParam
      return sParameterName[1]
    i++

Una ligera mejora en la respuesta de Sameer, caché params en cierre para evitar el análisis y bucle a través de todos los parámetros cada vez que llama

var getURLParam = (function() {
    var paramStr = decodeURIComponent(window.location.search).substring(1);
    var paramSegs = paramStr.split('&');
    var params = [];
    for(var i = 0; i < paramSegs.length; i++) {
        var paramSeg = paramSegs[i].split('=');
        params[paramSeg[0]] = paramSeg[1];
    }
    console.log(params);
    return function(key) {
        return params[key];
    }
})();

Uso esto y funciona. http://codesheet.org/codesheet/NF246Tzs

function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
    });
return vars;
}


var first = getUrlVars()["id"];

Con vanilla JavaScript, usted podría fácilmente tomar los parámetros (ubicación.buscar), obtener la subcadena (sin el ?) y convertirlo en una matriz, dividiéndolo por '&'.

Al iterar a través de urlParams, puede dividir la cadena de nuevo con '=' y agregarla al objeto 'params' como object[elmement[0]] = element[1]. Súper simple y de fácil acceso.

Http://www.website.com/?error=userError&type=handwritten

            var urlParams = location.search.substring(1).split('&'),
                params = {};

            urlParams.forEach(function(el){
                var tmpArr = el.split('=');
                params[tmpArr[0]] = tmpArr[1];
            });


            var error = params['error'];
            var type = params['type'];

¿Qué pasa si hay un parámetro & in URL como filename="p&g.html" & uid=66

En este caso la 1ª función no funcionará correctamente. Así que modifiqué el código

function getUrlParameter(sParam) {
    var sURLVariables = window.location.search.substring(1).split('&'), sParameterName, i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
}

Es cierto que estoy agregando mi respuesta a una pregunta sobre respondida, pero esto tiene las ventajas de:

Not No depende de ninguna librería externa, incluyendo jQuery

Not No contamina el espacio de nombres de funciones globales, extendiendo 'String'

Not No crear ningún dato global y hacer un procesamiento innecesario después de la coincidencia encontrada

Handling Manejo de problemas de codificación, y aceptar (asumiendo) el nombre de parámetro no codificado

Avoiding Evitando explicitar for bucles

String.prototype.urlParamValue = function() {
    var desiredVal = null;
    var paramName = this.valueOf();
    window.location.search.substring(1).split('&').some(function(currentValue, _, _) {
        var nameVal = currentValue.split('=');
        if ( decodeURIComponent(nameVal[0]) === paramName ) {
            desiredVal = decodeURIComponent(nameVal[1]);
            return true;
        }
        return false;
    });
    return desiredVal;
};

Entonces lo usarías como:

var paramVal = "paramName".urlParamValue() // null if no match

Si desea encontrar un parámetro específico de una url específica:

function findParam(url, param){
  var check = "" + param;
  if(url.search(check )>=0){
      return url.substring(url.search(check )).split('&')[0].split('=')[1];
  }
}  

var url = "http://www.yourdomain.com/example?id=1&order_no=114&invoice_no=254";  
alert(findParam(url,"order_no"));

Otra solución que utiliza jQuery y JSON, para que pueda acceder a los valores de los parámetros a través de un objeto.

var loc = window.location.href;
var param = {};
if(loc.indexOf('?') > -1)
{
    var params = loc.substr(loc.indexOf('?')+1, loc.length).split("&");

    var stringJson = "{";
    for(var i=0;i<params.length;i++)
    {
        var propVal = params[i].split("=");
        var paramName = propVal[0];
        var value = propVal[1];
        stringJson += "\""+paramName+"\": \""+value+"\"";
        if(i != params.length-1) stringJson += ",";
    }
    stringJson += "}";
    // parse string with jQuery parseJSON
    param = $.parseJSON(stringJson);
}

Asumiendo que tu URL es http://example.com/?search=hello+world&language=en&page=3

Después de eso solo es cuestión de usar los parámetros como este:

param.language

Para volver

en

El uso más útil de esto es ejecutarlo al cargar la página y hacer uso de una variable global para usar los parámetros en cualquier lugar que pueda necesitarlos.

Si su parámetro contiene valores numéricos, simplemente analice el valor.

parseInt(param.page)

Si no hay parámetros param solo será un objeto vacío.

http://example.com?sent=yes

La mejor solución aquí.

function getUrlParameter(name) {
    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
    var results = regex.exec(location.search);
    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, '    '));
};

Con la función anterior, puede obtener valores de parámetros individuales:

getUrlParameter('sent');

$.urlParam = function(name) {
  var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
  return results[1] || 0;
}

Usa esto

$.urlParam = function(name) {
  var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
  return results[1] || 0;
}