Holen Sie die Werte aus den "GET"-Parametern (JavaScript)

Question

Ich habe eine URL mit einigen GET-Parametern wie folgt:

www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5 

Ich muss den gesamten Wert von c erhalten. Ich habe versucht, die URL zu lesen, aber ich habe nur m2 erhalten. Wie mache ich das mit JavaScript?

Answer 1

JavaScript selbst hat nichts eingebaut, um Abfragezeichenfolgenparameter zu behandeln.

Code, der in einem (modernen) Browser ausgeführt wird, kann das URL-Objekt (eine Web-API) verwenden. URL wird auch von Node.js implementiert:

//  Du kannst url_string von window.location.href erhalten, wenn du mit
// der URL der aktuellen Seite arbeiten möchtest
var url_string = "http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5"; 
var url = new URL(url_string);
var c = url.searchParams.get("c");
console.log(c);

---

Für ältere Browser (einschließlich Internet Explorer) kannst du diesen Polyfill verwenden.

Du könntest auch einen für URLSearchParams verwenden und die Abfragezeichenfolge mit window.location.search.substring(1) extrahieren, um sie zu übergeben.

---

Du könntest auch den Code aus der Originalversion dieser Antwort verwenden, der URL vorausgeht. Der obige Polyfill ist robust und gut getestet, und ich empfehle ihn dringend gegenüber diesem.

Du könntest auf location.search zugreifen, was dir vom ?-Zeichen bis zum Ende der URL oder zum Beginn des Fragmentidentifikators (#foo), je nachdem, was zuerst kommt, geben würde.

Dann kannst du es so parsen:

function parse_query_string(query) {
  var vars = query.split("&");
  var query_string = {};
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    var key = decodeURIComponent(pair.shift());
    var value = decodeURIComponent(pair.join("="));
    // Wenn der erste Eintrag mit diesem Namen ist
    if (typeof query_string[key] === "undefined") {
      query_string[key] = value;
      // Wenn der zweite Eintrag mit diesem Namen ist
    } else if (typeof query_string[key] === "string") {
      var arr = [query_string[key], value];
      query_string[key] = arr;
      // Wenn der dritte oder spätere Eintrag mit diesem Namen ist
    } else {
      query_string[key].push(value);
    }
  }
  return query_string;
}

var query_string = "a=1&b=3&c=m2-m3-m4-m5";
var parsed_qs = parse_query_string(query_string);
console.log(parsed_qs.c);

Du kannst die Abfragezeichenfolge von der URL der aktuellen Seite erhalten mit:

var query = window.location.search.substring(1);
var qs = parse_query_string(query);

Answer 2

Die meisten Implementierungen, die ich gesehen habe, vergessen es, die Namen und Werte zu URL-decodieren.

Hier ist eine allgemeine Hilfsfunktion, die auch ordnungsgemäßes URL-Decodieren durchführt:

function getQueryParams(qs) {
    qs = qs.split('+').join(' ');

    var params = {},
        tokens,
        re = /[?&]?([^=]+)=([^&]*)/g;

    while (tokens = re.exec(qs)) {
        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
    }

    return params;
}

//var query = getQueryParams(document.location.search);
//alert(query.foo);

Answer 3

Quelle

function gup( name, url ) {
    if (!url) url = location.href;
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( url );
    return results == null ? null : results[1];
}
gup('q', 'hxxp://example.com/?q=abc')

Answer 4

Dies ist ein einfacher Weg, um nur einen Parameter zu überprüfen:

Beispiel-URL:

http://myserver/action?myParam=2

Beispiel Javascript:

var myParam = location.search.split('myParam=')[1]

Wenn "myParam" in der URL vorhanden ist... wird die Variable myParam "2" enthalten, ansonsten wird sie undefiniert sein.

Vielleicht möchten Sie einen Standardwert, in diesem Fall:

var myParam = location.search.split('myParam=')[1] ? location.search.split('myParam=')[1] : 'myDefaultValue';

Update: Das funktioniert besser:

var url = "http://www.example.com/index.php?myParam=384&login=admin"; // oder window.location.href für aktuelle URL
var captured = /myParam=([^&]+)/.exec(url)[1]; // Wert ist in [1] ('384' in unserem Fall)
var result = captured ? captured : 'myDefaultValue';

Und es funktioniert sogar richtig, wenn die URL voller Parameter ist.

Answer 5

Browseranbieter haben eine native Möglichkeit implementiert, dies über URL und URLSearchParams zu tun.

let url = new URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
let searchParams = new URLSearchParams(url.search);
console.log(searchParams.get('c'));  // gibt "m2-m3-m4-m5" aus

Derzeit unterstützt in Firefox, Opera, Safari, Chrome und Edge. Eine Liste der Browserunterstützung finden Sie hier.

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams https://developer.mozilla.org/en-US/docs/Web/API/URL/URL

https://url.spec.whatwg.org/

Eric Bidelman, ein Ingenieur bei Google, empfiehlt, dieses Polyfill für nicht unterstützte Browser zu verwenden.