“Conocimientos Programación>JavaScript Programación

Cómo analizar una cadena de consulta en JavaScript

2013/6/1
JavaScript no proporciona una función integrada para capturar la cadena de consulta se pasa a una página web con la URL , al igual que muchos de los lenguajes de scripting del lado del servidor como PHP. Para analizar una cadena de consulta con JavaScript capturar los parámetros de URL con la propiedad " location.search " , dividir los valores de la " y " signo que separa los parámetros , luego dividir cada uno de esos valores en el signo " = " para obtener la nombre del parámetro y el valor del parámetro. También quite el signo "? " que procede del nombre del parámetro. Instrucciones
1

Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Inserte los encabezados de HTML en el documento :




< meta charset = "UTF - 8 ">

analizar la cadena de consulta < /title> <br> 2 <p> Crear una función JavaScript para analizar la cadena de consulta, y crear una matriz asociativa con el nombre del parámetro como clave de índice y el valor del parámetro como valor. Inicializar una matriz para almacenar los resultados y la captura de toda la cadena de consulta en una variable usando " location.search . " Salir si no hay una cadena de consulta : <br> <p> <script> <br> <p> queryparams var = []; <br> <p> var = QString location.search ; <br> <p> si ( QString == " ") exit () ; <br> 3 <p> Crear una matriz con cada " parámetro = valor " como un elemento de la matriz mediante el fraccionamiento de la cadena de consulta en " y ": <br> <p> var params = qString.split ("& "); <br> 4 <p> quitar el signo "? " procediendo el primer parámetro , tomando el valor de la cadena a partir del segundo personaje : <br> <p> params [ 0 ] = params [ 0 ] substring ( 1 ) ; <br> 5 <p> Dividir cada parámetro . obtener el nombre y el valor y agregarlos a la matriz asociativa : . <br> <p> for (var i en params ) { <br> <p> var temp = params [ i ] split ( "= "); <br> <p> queryparams [ temp [ 0 ] ] = temp [ 1 ] ; <br> <p> } <br> 6 <p> escribir el resultado en la pantalla para asegurar la secuencia de comandos funciona correctamente: <br> <p> para ( i en queryparams ) { <br> <p> document.write ( " <p> " + i + "= " + queryparams [ i ] + "< /p >") ; <br> <p> <br> <p> } < /script > <br> <p> < /head> <br> 7 <p> Crear un formulario HTML para probar el script: <br> <p> < /head> <br> <p> <body> <br> <p> <form name="myForm"> <br> <p> < input type = "text " name = " test1 "> <br> <p> <input type="text" name="test2"> <br> <p> < input type = nombre de "enviar" valor = " submit " = "submit " > <br> <p> < /form> <br> <p> < /body> <br> <p> < /html> <br> 8 <p> Guarde el archivo HTML y abrir con un explorador . Introduzca los datos en los dos campos del formulario y compruebe que los parámetros se analizan correctamente . <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-botón-de-descarga-de-un-archivo-en-HTML-.html' >Cómo hacer un botón de descarga de un archivo en HTML </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-actualizar-DIV-.html' >Cómo actualizar DIV </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-mover-texto-en-Steam-Games-.html">Cómo hacer mover texto en Steam Games </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-Combobox-Tutorial-.html">Javascript Combobox Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Java-script-Solución-de-problemas-.html">Java script Solución de problemas </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Qué-son-los-cierres-Bueno-en-JavaScript-.html">¿Qué son los cierres Bueno en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-quitar-un-elemento-con-JavaScript-.html">Cómo quitar un elemento con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-dividir-un-URL-largas-en-2-.html">Cómo dividir un URL largas en 2 </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Qué-dice-la---A---Symbol-media-en-Javascript-.html">¿Qué dice la ' A ' Symbol media en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-habilitar-el-botón-Desactivar-Forma-en-Javascript-.html">Cómo habilitar el botón Desactivar Forma en Javascript </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-modificar-CSS-con-JavaScript-.html" >Cómo modificar CSS con JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-una-acción-de-formulario-en-Javascript-.html" >Cómo cambiar una acción de formulario en Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-Listas-de-comprobación-para-Joomla-.html" >Cómo comprobar Listas de comprobación para Joomla </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-desplazarse-hacia-abajo-en-JavaScript-.html" >Cómo desplazarse hacia abajo en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-habilitar-y-deshabilitar-barras-de-desplazamiento-con-javascript-.html" >Cómo habilitar y deshabilitar barras de desplazamiento con javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-una-mesa-de-luz-de-JavaScript-.html" >Cómo utilizar una mesa de luz de JavaScript </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-una-Div-como-Scriptaculous-Draggable-.html" >Cómo crear una Div como Scriptaculous Draggable </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-resaltar-una-columna-en-JavaScript-.html" >Cómo resaltar una columna en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-PDF-con-Javascript-.html" >Cómo crear PDF con Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-reemplazar-un-IFrame-en-JavaScript-.html" >Cómo reemplazar un IFrame en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-calcular-un-total-movimiento-en-JavaScript-.html" >Cómo calcular un total movimiento en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-texto-HTML-Desde-Javascript-Variable-.html" >Cómo crear texto HTML Desde Javascript Variable </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>