Código de ejemplo de método centralizado para obtener parámetros de URL por JS+JQ

Método de adquisición de valor JQ:

JQuery en sí no tiene un método para obtener parámetros de URL, pero ya hay un complemento, que puede obtener directamente la URL y otros parámetros.

Página de inicio de la conexión del complemento: https://github.com/allmarkedup/jquery-url-parser

Descargar enlace: http://download.github.com/allmarkedup-jquery-url-parser-bb2bf37.zip

Ejemplos de uso

Uso de la URL de la página actual (para estos ejemplos https://mysite.com/information/about/index.html?itemid=2&user=dave):

// Obtener el protocolo

jQuery.url.attr ("Protocolo") // Devuelve 'http'

// Obtén el camino

jquery.url.attr ("ruta") // Devuelve '/information/about/index.html'

// consigue el anfitrión

jquery.url.attr ("host") // Devuelve 'mysite.com'

// Obtener el valor para el parámetro de consulta de itemID

jQuery.url.param ("itemId") // Devuelve 2

// Obtener el segundo segmento de la ruta de la URL

jQuery.url.segment (2) // Devuelve 'Acerca de'

Usando una URL diferente a la página actual:

// Establecer una URL diferente y devolver la cadena de anclaje

jQuery.url.seturl ("http://allmarkedup.com/category/javascript/#footer") .attr ("ancla") // devuelve 'pies de página'

JS Acceso nativo:

El método JS más primitivo:

La copia del código es la siguiente:

var urlParams = new Array ();

var aparams = document.location.search.substr (1) .split ('&');

para (i = 0; i <aparams.length; i ++) {

var aparam = aparams [i] .split ('=');

UrlParams [Aparam [0]] = Aparam [1];

}

Llamado así:

http://127.0.0.1/index.php?name=name1&cid=123

// Obtener el parámetro de nombre aprobado

nombre = urlParams ["nombre"];

document.write (nombre);

// Hace que pase el Cid

cid = urlParams ["Cid"];

Método de análisis regular:

Método 1:

La copia del código es la siguiente:

función getQueryString (nombre) {

var reg = new Regexp ("(^| &)" + nombre + "= ([^&]*) (& | $)", "i");

var r = window.location.search.substr (1) .match (reg);

if (r! = null) return unescape (r [2]); regresar nulo;

}

Llamado así:

La copia del código es la siguiente:

alerta (getQueryString ("Nombre del parámetro 1"));

alerta (getQueryString ("Nombre del parámetro 2"));

alerta (getQueryString ("Nombre del parámetro 3"));

Método 2:

La copia del código es la siguiente:

<span style = "font-size: 16px;"> <script language = "javascript">

función getRequest () {

var url = ubicación.search; // consigue la cadena después de la "?" personaje en la URL

var estoquest = new Object ();

if (url.indexof ("?")! = -1) {

var str = url.substr (1);

strs = str.split ("&");

para (var i = 0; i <strs.length; i ++) {

esto [strs [i] .split ("=") [0]] = unescape (strs [i] .split ("=") [1]);

}

}

devolver el mismoquero;

}

</script>

Llamado así:

La copia del código es la siguiente:

<Script language = "javaScript">

Var request = new Object ();

Request = getRequest ();

VAR Parámetro 1, Parámetro 2, Parámetro 3, Parámetro N;

Parámetro 1 = solicitud ['parámetro 1'];

Parámetro 2 = solicitud ['parámetro 2'];

Parámetro 3 = solicitud ['parámetro 3'];

Parámetro n = solicitud ['parámetro n'];

</script>