-
Cómo analizar una cadena de consulta en JavaScript
-
JavaScript no proporciona una función incorporada para capturar la cadena de consulta se pasa a una página web con la URL, al igual que muchos de los lenguajes de script del lado del servidor como PHP. Para analizar una cadena de consulta con el lenguaje Java, la captura de los parámetros de URL con la propiedad "location.search", dividir los valores en el "&" signo que separa los parámetros, a continuación, dividir cada uno de esos valores en el signo "=" para obtener el nombre del parámetro y el valor del parámetro. También quite el "?" que procede del primer nombre de parámetro.
Instrucciones
1 Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Inserte las cabeceras HTML en el documento:
<! DOCTYPE HTML>
<Html>
<Head>
<Charset meta = "UTF-8">
<Title> Analizar la cadena de consulta </ title>
2 Crear una función JavaScript para analizar la cadena de consulta, y crear una matriz asociativa con el nombre del parámetro como la clave de índice y el valor del parámetro como el 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:
<Script>
queryparams var = [];
var = QString location.search;
si (QString == "") exit ();
3 Crear una matriz con cada "parámetro = valor" como un elemento de matriz mediante la división de la cadena de consulta en "Y":
var params = qString.split ( "Y");
4 Eliminar el "?" procediendo el primer parámetro, tomando el valor cadena que comienza con el segundo personaje:
params [0] = params [0] .substring (1);
5 Dividir cada parámetro para obtener el nombre y el valor y agregarlos a la matriz asociativa:
for (var i in params) {var temp = params [i] .split ( "=");
queryparams [temp [0]] = temp [1];
}
6 Escribir el resultado en la pantalla para asegurar el guión está funcionando correctamente:
for (i in queryParams) {document.write ( "& lt; p>" + i + "=" + queryparams [i] + "& lt; / p>");
}
</ Script>
</ Head>
7 Crear un formulario HTML para probar el 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 Guarde el archivo HTML y abrirlo con un navegador. Introducir datos en los dos campos de formulario y compruebe que los parámetros se analizan correctamente.
