JavaScript non fornisce una funzione incorporata per catturare la stringa di query passata a una pagina Web con l'URL, così come molti dei linguaggi di scripting lato server come PHP. Per analizzare una stringa di query con JavaScript, catturare i parametri URL con la proprietà "location. search", dividere i valori sul segno "&" che separa i parametri, quindi Spalato ogni di tali valori sul segno "=" per ottenere il nome del parametro e il valore del parametro. Rimuovere anche il "?" che procede il primo nome del parametro.

Istruzioni

1

Creare un nuovo documento HTML con Notepad o un editor HTML. Inserire le intestazioni HTML nel documento:

<! DOCTYPE HTML >

< html >

< head >

< meta charset = "utf-8" >

< title > Parse String Query < / title >

2

Creare una funzione JavaScript per analizzare la stringa di query e creare un array associativo con il nome del parametro come chiave di indice e il valore del parametro come valore. Inizializzare una matrice per memorizzare i risultati e acquisire la stringa intera query in una variabile utilizzando "location. search." Uscita se non c'è nessuna stringa di query:

< script >

var queryParams = [];

qString var = location. search;

Se (qString = = "") Exit ();

3

Creare una matrice con ogni "parametro = valore" come un elemento di matrice suddividendo la stringa di query su "&":

var params = qString.split ("&");

4

Rimuovere il "?" procedendo il primo parametro prendendo il valore di stringa a partire dal secondo carattere:

params [0] = params[0].substring(1);

5

Dividere ogni parametro per ottenere il nome e il valore e aggiungerli all'array associativo:

for (var i in params) {

var temp = params[i].split("=");

queryParams[temp[0]] = temp[1];

}6

Scrivere l'output sullo schermo affinché lo script funziona correttamente:

for (i in queryParams) {

document.write("<p>" + i + " = " + queryParams[i] + "</p>");

}

< / script >

< / head >

7

Creare un modulo HTML per testare lo script:

< / head >

< corpo >

< nome modulo = "myForm" >

< input type = "text" name = "test1" >

< input type = "text" name = "test2" >

< input type = "submit" nome = "submit" value = "submit" >

< / form >

< / body >

< / html >

8

Salvare il file HTML e aprirlo con un browser. Immettere dati nei campi due modulo e verificare che i parametri vengono analizzati correttamente.