May 28
JavaScript non fornisce una funzione incorporata per catturare la stringa di query passato a una pagina Web con l'URL, come fanno 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 sulla "e" segno che separa i parametri, poi dividere ciascuno di questi valori sul segno "=" per ottenere il nome del parametro e il valore del parametro. Rimuovere anche il "?" che procede il primo nome del parametro.
1 Creare un nuovo documento HTML con il blocco note o un editor HTML. Inserire le intestazioni HTML nel documento:
<! DOCTYPE HTML>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Parse Query String </ title>
2 Creare una funzione JavaScript per analizzare la stringa di query, e creare un array associativo con il nome del parametro come la chiave di indice e il valore del parametro come valore. Inizializzare un array per memorizzare i risultati e catturare l'intera stringa di query in una variabile con "location.search." Esci se non vi è alcuna stringa di query:
<Script>
var queryParams = [];
var = QString location.search;
if (QString == "") exit ();
3 Creare un array con ogni "parametro = valore" come un elemento di un array suddividendo la stringa di query su "&":
var params = qString.split ( "&");
4 Rimuovi il "?" procedendo il primo parametro, prendendo il valore stringa che inizia con il secondo personaggio:
params [0] = params [0] .Substring (1);
5 Split ogni parametro per ottenere il nome e il valore e aggiungerle alla matrice associativa:
for (var i in params) {
var temp = params [i] .split ( "=");
queryParams [Temp [0]] = temperatura [1];
}
6 Scrivere l'output sullo schermo al fine di garantire lo script funziona correttamente:
for (i in queryParams) {
document.write ( "& lt; p>" + i + "=" + queryParams [i] + "& lt; / p>");
}
</ Script>
</ Head>
7 Creare un modulo HTML per testare lo script:
</ Head>
<Body>
<Form name = "myForm">
<Input type = "text" name = "test1">
<Input type = "text" name = "test2">
<Input type = "submit" name = "submit" value = "submit">
</ Form>
</ Body>
</ Html>
8 Salvare il file HTML e aprirlo con un browser. Inserire i dati nei due campi del modulo e verificare che i parametri vengono analizzati correttamente.