Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come analizzare una stringa di query in JavaScript

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> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181894.html' >Come fare un pulsante di download di un file in HTML </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181898.html' >Come aggiornare DIV </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/Perl-Programming/1186828.html" target="_blank">Come eseguire il debug di programmi Perl </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177840.html" target="_blank">Come imparare FORTRAN </a></li><li><a href="/Programmazione/Python-Programming/1187928.html" target="_blank">Come rimuovere una sottolineatura in Python </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173500.html" target="_blank">Come sostituire il valore dei dati di forma d'onda in LabVIEW </a></li><li><a href="/Programmazione/Java-Programming/1181070.html" target="_blank">Come creare un file Java </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177728.html" target="_blank">Come cambiare il tipo di font utilizzando la programmazione HTML </a></li><li><a href="/Programmazione/Java-Programming/1179724.html" target="_blank">Come cercare con algoritmi Java </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1191942.html" target="_blank">Come leggere un file CSV utilizzando VB </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1182116.html" target="_blank">Come aggiornare i cookie Via JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181740.html" target="_blank">Come inserire CrawlTrack Into WordPress </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182390.html" target="_blank">Come usare Java Script in Flash 8 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181698.html" target="_blank">Come mantenere il Prototype JS Fino a Data </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181998.html" target="_blank">Come modificare un attributo di classe CSS con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182222.html" target="_blank">Come riparare un Out of stack errore di spazio in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181626.html" target="_blank">Come ottenere la larghezza di un elemento in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182396.html" target="_blank">Come fare un timer in Game Maker </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181718.html" target="_blank">Come leggere un oggetto in jQuery </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182490.html" target="_blank">Box Tutorial Light </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>