¿Cómo obtener los parámetros de solicitud "OBTENER" en JavaScript?

Question

Como llegar "GET" las variables de petición en JavaScript?

¿El jQuery o YUI! tener esta función incorporada?

Answer 1

Todos los datos están disponibles bajo

window.location.search 

hay que analizar la cadena, por ejemplo.

function get(name){ 
    if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search)) 
     return decodeURIComponent(name[1]); 
} 

acaba de llamar a la función de obtener el nombre de variable como parámetro, por ejemplo.

get('foo'); 

esta función devolverá el valor de las variables o indefinido si la variable no tiene valor o no existe

Answer 2

Usted puede analizar la URL de la página actual para obtener los parámetros GET. La URL se puede encontrar usando location.href.

Answer 3

Usted puede utilizar el URL para adquirir las variables GET. En particular, window.location.search da todo después (e incluyendo) el '?'. Puede leer más sobre window.location here.

Answer 4

Si ya utiliza jQuery hay un plugin jQuery que se encarga de esto:

http://plugins.jquery.com/project/query-object

Answer 5

Usted podría utilizar jquery.url lo hice así:

var xyz = jQuery.url.param("param_in_url"); 

Check the source code

Fuente Actualizado: https://github.com/allmarkedup/jQuery-URL-Parser

Answer 6

sólo para poner mi granito de arena en, si desea un objeto que contiene todas las solicitudes

function getRequests() { 
    var s1 = location.search.substring(1, location.search.length).split('&'), 
     r = {}, s2, i; 
    for (i = 0; i < s1.length; i += 1) { 
     s2 = s1[i].split('='); 
     r[decodeURIComponent(s2[0]).toLowerCase()] = decodeURIComponent(s2[1]); 
    } 
    return r; 
}; 

var QueryString = getRequests(); 

//if url === "index.html?test1=t1&test2=t2&test3=t3" 
console.log(QueryString["test1"]); //logs t1 
console.log(QueryString["test2"]); //logs t2 
console.log(QueryString["test3"]); //logs t3 

Nota, la clave para cada parámetro se obtiene es ajustado a minúscula. Entonces, hice una función auxiliar. Entonces ahora es insensible a mayúsculas y minúsculas.

function Request(name){ 
    return QueryString[name.toLowerCase()]; 
} 

Answer 7

Un mapa-reducir solución:

var urlParams = location.search.split(/[?&]/).slice(1).map(function(paramPair) { 
     return paramPair.split(/=(.+)?/).slice(0, 2); 
    }).reduce(function (obj, pairArray) {    
     obj[pairArray[0]] = pairArray[1]; 
     return obj; 
    }, {}); 

Uso:

For url: http://example.com?one=1&two=2 
console.log(urlParams.one) // 1 
console.log(urlParams.two) // 2 

Answer 8

Hoy en día lo que necesitaba para obtener parámetros de la petición de la página en una matriz asociativa por lo que poner juntos los siguientes, con un poco de helpmyfriends. También maneja parámetros sin un = como true.

con un ejemplo:

// URL: http://www.example.com/test.php?abc=123&def&xyz=&something%20else 

var _GET = (function() { 
    var _get = {}; 
    var re = /[?&]([^=&]+)(=?)([^&]*)/g; 
    while (m = re.exec(location.search)) 
     _get[decodeURIComponent(m[1])] = (m[2] == '=' ? decodeURIComponent(m[3]) : true); 
    return _get; 
})(); 

console.log(_GET); 
> Object {abc: "123", def: true, xyz: "", something else: true} 
console.log(_GET['something else']); 
> true 
console.log(_GET.abc); 
> 123 

Answer 9

La función devuelve el parámetro aquí por su nombre. Con pequeños cambios, podrá devolver url base, parámetro o ancla.

function getUrlParameter(name) { 
    var urlOld   = window.location.href.split('?'); 
    urlOld[1]   = urlOld[1] || ''; 
    var urlBase   = urlOld[0]; 
    var urlQuery  = urlOld[1].split('#'); 
    urlQuery[1]   = urlQuery[1] || ''; 
    var parametersString = urlQuery[0].split('&'); 
    if (parametersString.length === 1 && parametersString[0] === '') { 
     parametersString = []; 
    } 
    // console.log(parametersString); 
    var anchor   = urlQuery[1] || ''; 

    var urlParameters = {}; 
    jQuery.each(parametersString, function (idx, parameterString) { 
     paramName = parameterString.split('=')[0]; 
     paramValue = parameterString.split('=')[1]; 
     urlParameters[paramName] = paramValue; 
    }); 
    return urlParameters[name]; 
} 

Answer 10

pruebe el siguiente código, le ayudará a obtener los parámetros GET de la url. for more details.

var url_string = window.location.href; // www.test.com?filename=test 
    var url = new URL(url_string); 
    var paramValue = url.searchParams.get("filename"); 
    alert(paramValue)