Wie bekomme ich Abfrage Parameter mit JS/jQuery

Question

Kann ich einige Variablen einige Parameter aus Abfrage String Parameter einfügen?

dh

Headers:

Allgemeine ....

Antwort-Header ....

Anfrage Header ....

Abfrage-Zeichenfolge-Parameter: Name: John Home: London

/page.php?name=john&home=london 

Ich brauche var nameQuery = john oder var homeQuery = london

Answer 1

Sie location.search verwenden können, die geben Ihnen:

"?name=john&home=london" 

Also, um die oben genannten Informationen, können Sie sie auf diese Weise trennen :

search = location.search.substr(1).split("&"); 

Welche Sie erhalten:

["name=john", "home=london"] 

Das können Sie Schleife und erhalten Sie die Werte.

var stuff = {}; 
for (i = 0; i < search.length; i++) { 
    thing = search[i].split("="); 
    stuff[thing[0]] = thing[1]; 
} 

Und schließlich stuff Anmeldung erhalten Sie:

Object {name: "john", home: "london"} 

Sie verwenden können:

stuff.name; // john 
stuff.home; // london 

Answer 2

Sie können split() für diesen liek unten verwenden,

var url = window.location.href; 
 
var params = url.split('?')[1].split('&'); 
 
for(var i =0;i<params.length;i++){ 
 
    \t var temp = params[i].split('='); 
 
    \t var key = temp[0]; 
 
    \t var value = temp[1]; 
 
    \t console.log(key +':'+value); 
 
}

Ergebnis

name:john 
    home:london 

Answer 3

var url = '/page.php?name=john&home=london'; 
 
var params = url.split('?')[1].split('&');//get the url params array seperated from url 
 
var queryObj = {}; 
 
for(i = 0; i < params.length; i++){ 
 
    pair = params[i].split('='); //spilt to key and value 
 
    queryObj[ pair[0] + 'Query' ] = pair[1]; 
 
} 
 
console.log(queryObj)

Answer 4

Es gibt eine viel bessere Möglichkeit Abfrage params zu bekommen, als einen String-Parsing.

Jetzt ist eine offizielle API namens URLSearchParams verfügbar, sehr einfach zu bedienen.

var queryString = "?id=1234&action=edit" 
 
var queryParams = new URLSearchParams(queryString); 
 
// p.s. you can get the query string by plain JS like 
 
// var queryString = window.location.search; 
 

 
console.log(queryParams.has('id')); // true 
 
console.log(queryParams.get('action')); // "edit" 
 
console.log(queryParams.getAll('action')); // ["edit"] 
 
console.log(queryParams.toString()); // "?id=1234&action=edit" 
 
queryParams.append('ref', 'top_page') 
 
console.log(queryParams.toString()); // "?id=1234&action=edit&ref=top_page"