Come si analizzano i parametri di una query URL, in Javascript?

Question

Eventuali duplicati:
Use the get paramater of the url in javascript
Get query string values in JavaScript

in JavaScript, come posso ottenere i parametri di una stringa URL (non l'URL corrente)?

come:

www.domain.com/?v=123&p=hello 

Posso ottenere "v" e "p" in un oggetto JSON?

Answer 1

Oggi (2,5 anni dopo questa risposta) è possibile safely useArray.forEach. Come suggerisce @ricosrealm, in questa funzione è stato utilizzato decodeURIComponent.

function getJsonFromUrl() { 
    var query = location.search.substr(1); 
    var result = {}; 
    query.split("&").forEach(function(part) { 
    var item = part.split("="); 
    result[item[0]] = decodeURIComponent(item[1]); 
    }); 
    return result; 
} 

In realtà non è così semplice, vedere la peer-review nei commenti, in particolare:

• hash based routing (@cmfolio)
• parametri array (@ user2368055)
• uso corretto di decodeURIComponent (@AndrewF)

Forse questo s dovrebbe andare a CodeReview SE, ma qui è più sicuro e codice libero-regexp:

function getJsonFromUrl(hashBased) { 
    var query; 
    if(hashBased) { 
    var pos = location.href.indexOf("?"); 
    if(pos==-1) return []; 
    query = location.href.substr(pos+1); 
    } else { 
    query = location.search.substr(1); 
    } 
    var result = {}; 
    query.split("&").forEach(function(part) { 
    if(!part) return; 
    part = part.split("+").join(" "); // replace every + with space, regexp-free version 
    var eq = part.indexOf("="); 
    var key = eq>-1 ? part.substr(0,eq) : part; 
    var val = eq>-1 ? decodeURIComponent(part.substr(eq+1)) : ""; 
    var from = key.indexOf("["); 
    if(from==-1) result[decodeURIComponent(key)] = val; 
    else { 
     var to = key.indexOf("]",from); 
     var index = decodeURIComponent(key.substring(from+1,to)); 
     key = decodeURIComponent(key.substring(0,from)); 
     if(!result[key]) result[key] = []; 
     if(!index) result[key].push(val); 
     else result[key][index] = val; 
    } 
    }); 
    return result; 
} 

Ho anche sostituito non codificato + per spazio secondo this article che è anche utile guida come codificare aderendo RFC 3986.

Nota il result[key][index] = val: viene creato un nuovo elemento di matrice, esso è enumerabile, quindi può essere iterato dalla chiamata forEach. Pertanto, è possibile analizzare anche gli URL come

var url = "?foo%20e[]=a%20a&foo+e[%5Bx%5D]=b&foo e[]=c"; 
// {"foo e": ["a a", "c", "[x]":"b"]} 

var obj = getJsonFromUrl(url)["foo e"]; 
for(var key in obj) { // Array.forEach would skip string keys here 
    console.log(key,":",obj[key]); 
} 
/* 
    0 : a a 
    1 : c 
    [x] : b 
*/ 

Answer 2

var v = window.location.getParameter('v'); 
var p = window.location.getParameter('p'); 

ora v e P sono oggetti che hanno 123 e ciao in essi rispettivamente

Answer 3

Si potrebbe ottenere un oggetto JavaScript (una mappa) dei parametri con qualcosa di simile:

var regex = /[?&]([^=#]+)=([^&#]*)/g, 
    url = window.location.href, 
    params = {}, 
    match; 
while(match = regex.exec(url)) { 
    params[match[1]] = match[2]; 
} 

L'espressione regolare potrebbe molto probabilmente essere migliorata. Cerca semplicemente coppie nome-valore, separate da = caratteri e coppie separate da & caratteri (o un carattere = per il primo). Per il vostro esempio, quanto sopra si tradurrebbe in:

{v: "123", p: "hello"}

Ecco un working example.