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

Ich habe das vor langer Zeit gefunden, sehr einfach:

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

Rufe es dann so auf:

var fType = getUrlVars()["type"];

Answer 2

Sie können den Query-String in location.search erhalten und dann alles nach dem Fragezeichen aufteilen:

var params = {};

if (location.search) {
    var parts = location.search.substring(1).split('&');

    for (var i = 0; i < parts.length; i++) {
        var nv = parts[i].split('=');
        if (!nv[0]) continue;
        params[nv[0]] = nv[1] || true;
    }
}

// Jetzt können Sie die gewünschten Parameter wie folgt erhalten:
var abc = params.abc;

Answer 3

Ein super einfacher Weg, der URLSearchParams verwendet.

function getParam(param){
  return new URLSearchParams(window.location.search).get(param);
}

Derzeit wird dies in Chrome, Firefox, Safari, Edge und anderen unterstützt.

Answer 4

Ich habe eine einfachere und elegantere Lösung geschrieben.

var arr = document.URL.match(/room=([0-9]+)/)
var room = arr[1];

Answer 5

Hier ist eine rekursive Lösung, die keine Regex verwendet und minimale Mutationen aufweist (nur das params-Objekt wird mutiert, was ich in JS für unvermeidbar halte).

Es ist großartig, weil es:

• Rekursiv ist
• Mit mehreren Parametern desselben Namens umgehen kann
• Gut mit fehlerhaften Parameterzeichenfolgen umgehen kann (fehlende Werte, usw.)
• Nicht kaputt geht, wenn '=' im Wert vorhanden ist
• URL-Dekodierung durchführt
• Und schließlich, es ist großartig, weil es...argh!!!

Code:

var get_params = function(search_string) {

  var parse = function(params, pairs) {
    var pair = pairs[0];
    var parts = pair.split('=');
    var key = decodeURIComponent(parts[0]);
    var value = decodeURIComponent(parts.slice(1).join('='));

    // Mit mehreren Parametern desselben Namens umgehen
    if (typeof params[key] === "undefined") {
      params[key] = value;
    } else {
      params[key] = [].concat(params[key], value);
    }

    return pairs.length == 1 ? params : parse(params, pairs.slice(1))
  }

  // Führt das führende ? weg
  return search_string.length == 0 ? {} : parse({}, search_string.substr(1).split('&'));
}

var params = get_params(location.search);

// Schließlich, um den gewünschten Parameter zu erhalten
params['c'];