Noch ein Vorschlag.
Es gibt bereits einige gute Antworten, aber ich fand sie unnötig komplex und schwer zu verstehen. Dies ist kurz, einfach und gibt ein einfaches assoziatives Array mit Schlüsselnamen zurück, die den Token-Namen in der URL entsprechen.
Ich habe unten eine Version mit Kommentaren für diejenigen hinzugefügt, die lernen möchten.
Beachten Sie, dass dies für die Schleife von jQuery ($ .each) abhängt, die ich anstelle von forEach empfehle. Ich finde es einfacher, die Cross-Browser-Kompatibilität mit jQuery auf der ganzen Linie sicherzustellen, als einzelne Fixes einzufügen, um die neuen Funktionen zu unterstützen, die in älteren Browsern nicht unterstützt werden.
Bearbeiten: Nachdem ich dies geschrieben habe, habe ich Eric Elliotts Antwort bemerkt, die fast dieselbe ist, obwohl sie für jeden verwendet wird, während ich generell dagegen bin (aus den oben genannten Gründen).
function getTokens(){
var tokens = [];
var query = location.search;
query = query.slice(1);
query = query.split('&');
$.each(query, function(i,value){
var token = value.split('=');
var key = decodeURIComponent(token[0]);
var data = decodeURIComponent(token[1]);
tokens[key] = data;
});
return tokens;
}
Kommentierte Version:
function getTokens(){
var tokens = []; // new array to hold result
var query = location.search; // everything from the '?' onward
query = query.slice(1); // remove the first character, which will be the '?'
query = query.split('&'); // split via each '&', leaving us an array of something=something strings
// iterate through each something=something string
$.each(query, function(i,value){
// split the something=something string via '=', creating an array containing the token name and data
var token = value.split('=');
// assign the first array element (the token name) to the 'key' variable
var key = decodeURIComponent(token[0]);
// assign the second array element (the token data) to the 'data' variable
var data = decodeURIComponent(token[1]);
tokens[key] = data; // add an associative key/data pair to our result array, with key names being the URI token names
});
return tokens; // return the array
}
Für die folgenden Beispiele nehmen wir diese Adresse an:
http://www.example.com/page.htm?id=4&name=murray
Sie können die URL-Token Ihrer eigenen Variablen zuweisen:
var tokens = getTokens();
Verweisen Sie dann auf jedes URL-Token mit folgendem Namen:
document.write( tokens['id'] );
Dies würde "4" drucken.
Sie können auch einfach direkt auf einen Token-Namen in der Funktion verweisen:
document.write( getTokens()['name'] );
... was "Murray" drucken würde.