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

Hier ist eine kurze und einfache Funktion zum Abrufen eines einzelnen Parameters:

function getUrlParam(paramName) {
    var match = window.location.search.match("[?&]" + paramName + "(?:&|$|=([^&]*))");
    return match ? (match[1] ? decodeURIComponent(match[1]) : "") : null;
}

Die Behandlung dieser speziellen Fälle ist konsistent mit URLSearchParams:

• Wenn der Parameter fehlt, wird null zurückgegeben.

• Wenn der Parameter vorhanden ist, aber kein "=" vorhanden ist (z. B. "?param"), wird "" zurückgegeben.

Hinweis! Wenn die Parameterbezeichnung Sonderzeichen für URLs oder Regex enthalten kann (z. B. wenn sie aus Benutzereingaben stammt), müssen Sie sie escapen. Dies kann einfach wie folgt gemacht werden:

function getUrlParamWithSpecialName(paramName) {
    return getUrlParam(encodeURIComponent(paramName).replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
}

Answer 2

window.location.search.slice(1).split('&').reduce((res, val) => ({...res, [val.split('=')[0]]: val.split('=')[1]}), {})

Answer 3

Hier ist was ich mache:

var uriParams = getSearchParameters();
alert(uriParams.c);

// Hintergrundfunktionen:

// Holen Sie sich das Objekt/assoziatives Array der URL-Parameter
function getSearchParameters () {
  var prmstr = window.location.search.substr(1);
  return prmstr !== null && prmstr !== "" ? transformToAssocArray(prmstr) : {};
}

// Konvertiere Parameter von url-ähnlichem String in assoziatives Array
function transformToAssocArray (prmstr) {
  var params = {},
      prmarr = prmstr.split("&");

  for (var i = 0; i < prmarr.length; i++) {
    var tmparr = prmarr[i].split("=");
    params[tmparr[0]] = tmparr[1];
  }
  return params;
}

Answer 4

// http:localhost:8080/path?param_1=a¶m_2=b
var getParamsMap = function () {
    var params = window.location.search.split("&");
    var paramsMap = {};
    params.forEach(function (p) {
        var v = p.split("=");
        paramsMap[v[0]]=decodeURIComponent(v[1]);
    });
    return paramsMap;
};

// -----------------------

console.log(getParamsMap()["param_1"]);  // should log "a"

Answer 5

Hier ist der AngularJS Quellcode zum Parsen von URL-Abfrageparametern in ein Objekt:

function tryDecodeURIComponent(value) {
  try {
    return decodeURIComponent(value);
  } catch (e) {
    // Ignoriere jedes ungültige URI-Komponente
  }
}

function isDefined(value) {return typeof value !== 'undefined';}

function parseKeyValue(keyValue) {
  keyValue = keyValue.replace(/^\?/, '');
  var obj = {}, key_value, key;
  var iter = (keyValue || "").split('&');
  for (var i=0; i

`Sie können diese Funktion zuwindow.location` hinzufügen:

window.location.query = function query(arg){
  q = parseKeyValue(this.search);
  if (!isDefined(arg)) {
    return q;
  }      
  if (q.hasOwnProperty(arg)) {
    return q[arg];
  } else {
    return "";
  }
}

// Angenommen, Sie haben diese URL:
// http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5

console.log(window.location.query())

// Object {a: "1", b: "3", c: "m2-m3-m4-m5"}

console.log(window.location.query('c'))

// "m2-m3-m4-m5"``