JavaScript non fornisce un built-in funzione di catturare la stringa di query passata 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 il segno "=" per ottenere la nome del parametro e il valore del parametro. Anche rimuovere il " ? " che procede il primo nome del parametro . Istruzioni
1
Creare un nuovo documento HTML con il blocco note o un editor HTML . Inserire le intestazioni HTML nel documento :
< meta charset < DOCTYPE HTML ! > = "utf - 8" >
Parse Query String < /title> <br> 2 <p> creare una funzione JavaScript per analizzare la stringa di query e creare un array associativo con il nome di parametro come chiave dell'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 usando " location.search . " Esci se non vi è alcuna stringa di query : <br> <p> <script> <br> <p> var queryParams = [ ] ; <br> <p> var QString = location.search ; <br> <p> se ( QString == "") exit (); <br> 3 <p> creare un array con ogni " parametro = valore ", come un elemento di matrice suddividendo la stringa di query su " &" : < br <p> var params > = qString.split ( " &" ) ; <br> 4 <p> rimuovere il " ? " procedendo il primo parametro , prendendo il valore stringa che inizia con il secondo personaggio : <br> <p> params [ 0 ] = params [ 0 ] substring ( 1) ; <br> 5 <p> Split ogni parametro a . ottenere il nome e il valore e aggiungerli alla array associativo : . <br> <p> for (var i in params ) { <br> <p> var temp = params [ i] split ( " = " ) ; <br> <p> queryParams [Temp. [ 0 ] ] = temperatura [ 1 ] ; <br> <p> } <br> 6 <p> Scrivi l' output a schermo per garantire lo script funziona correttamente : <br> <p> for (i in queryParams ) { <br> <p> document.write ( " <p> " + i + " =" + queryParams [ i] + " < /p > " ) ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> 7 <p> Creare un modulo HTML per testare lo script : <br> < /head> <br> <p> <body> <br> <p> <form name="myForm"> <br> <p> input type = nome <p> < "testo" = " test1 " > <br> <p> <input type="text" name="test2"> <br> <p> < input type = nome " submit " value = " submit " = " submit " > <br> <p> < /form > <br> <p> < /body> <br> <p> < /html > <br> 8 <p> Salvare il file HTML e aprirla con un browser . Inserire i dati nei due campi del modulo e verificare che i parametri vengono analizzati correttamente . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/90947.html' >Come fare un pulsante di download di un file in HTML </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90949.html' >Come aggiornare DIV </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91221.html" title="Come creare un modulo Email gratis " target="_self">Come creare un modulo Email gratis </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90882.html" title="Come ruotare un preventivo in JavaScript " target="_self">Come ruotare un preventivo in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90870.html" title="Come inserire CrawlTrack Into WordPress " target="_self">Come inserire CrawlTrack Into WordPress </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90838.html" title="Javascript Vs Rilevante . Absolute Path " target="_self">Javascript Vs Rilevante . Absolute Path </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91065.html" title="Come convalidare la data stringa in jQuery " target="_self">Come convalidare la data stringa in jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91250.html" title="Come eliminare i file Javascript " target="_self">Come eliminare i file Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91114.html" title="Come creare una password per un sito web " target="_self">Come creare una password per un sito web </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90894.html" title="Come cancellare una discesa in JQuery " target="_self">Come cancellare una discesa in JQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91144.html" title="Regole Per Il Gioco di Carte Canasta " target="_self">Regole Per Il Gioco di Carte Canasta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90848.html" title="Come scrivere per i cookie dal pageContext JSP " target="_self">Come scrivere per i cookie dal pageContext JSP </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88338.html" title="Come utilizzare Excel da un'applicazione Windows Form " target="_self">Come utilizzare Excel da un'applicazione Windows Form </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93899.html" title="Come rimuovere un testo in Python " target="_self">Come rimuovere un testo in Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95376.html" title="Come testare un file in Visual Basic " target="_self">Come testare un file in Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90073.html" title="Come rimuovere una sottostringa dalla stringa in Java " target="_self">Come rimuovere una sottostringa dalla stringa in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87562.html" title="Come leggere da un file in Fortran " target="_self">Come leggere da un file in Fortran </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85237.html" title="Come aggiungere GMP di Xcode " target="_self">Come aggiungere GMP di Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96313.html" title="Come eliminare una riga su un Visual Basic Flexgrid " target="_self">Come eliminare una riga su un Visual Basic Flexgrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88350.html" title="Come trasferire dal microcontroller a PC " target="_self">Come trasferire dal microcontroller a PC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/ruby-programming/94156.html" title="Come costruire un App Android con Ruby " target="_self">Come costruire un App Android con Ruby </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85567.html" title="Funzione di C booleano " target="_self">Funzione di C booleano </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 