Prefacio
Primero, necesitamos saber qué es la búsqueda. La búsqueda es una propiedad de Window.location. Por ejemplo:
En primer lugar, tenemos una URL aquí, que es http://www.a.com/list/2.html?page=2&color=4&size=3#pic.
Cuando accedamos a esta dirección, abra la consola, ingrese a Window.Location, y obtendremos el resultado en la siguiente figura
Como se mencionó anteriormente, lo que queremos operar es la parte de la caja en la imagen de arriba.
¿Por qué necesitas operar esto?
Por ejemplo, si necesito saltar a la tercera página en la segunda página, necesito actualizar la página anterior = 2 a la página = 3 y asegurarme de que se conserven otros parámetros.
O bien, no hubo resultado de búsqueda al principio (como la primera página de la lista general, no había nada), pero ahora necesito agregar página = 2.
A continuación, necesito saber en qué página estoy ahora, es decir, necesito obtener el valor de la página.
Entonces, se requiere búsqueda. Ahora estamos separados de los extremos frontales y traseros, la búsqueda es un método muy importante para la configuración de los parámetros.
Método de construcción
Obtenga un valor de parámetro especificado en la búsqueda
Tome Baidu y encontramos el siguiente método:
función getQueryString (name) {var reg = new Regexp ("(^| &)" + name + "= ([^&]*) (& | $)"); var r = window.location.search.substr (1) .match (reg); if (r! = null) return unescape (r [2]); devolver nulo;}Método Fuente: método para obtener parámetros de la barra de direcciones utilizando JS
Método de función completa
Originalmente quería escribir una idea de implementación, pero no pude recordarla por un tiempo, así que directamente la di al método final:
función funcurl (nombre, valor, tipo) {var loca = window.location; var baseUrl = type == Undefined? loca.origin + loca.pathname + "?" : ""; var query = loca.search.substr (1); // Si no hay transmisión de parámetros, el valor de búsqueda de retorno no contiene un signo de interrogación si (name == Undefined) {return Query} // Si no hay transmisión de valor, return el valor del parámetro para ser consultal si (valor == indefinido) {var val = query.match (new regexp ("(" (name+ name+ "name+" name+ "&)"+) "+)"+) "+)"+) "+)"+ Nombre " +"= ([^&]*) (& | $)")); return val! = null? unescape (val [2]): null;}; var url; if (query == "") {// Si no hay un valor de búsqueda, devuelva el Urlurl con el parámetro agregado = baseUrl + name + "=" + valor;} else {// Si no hay valor de búsqueda, modifique el valor de correspondencia en él y finalmente devuelve urlvar obj =} Query.split ("&"); for (var i = 0; i <arr.length; i ++) {arr [i] = arr [i] .split ("="); obj [arr [i] [0]] = arr [i] [1];}; obj [nombre] = valor; url = baseRl++ Json.stringify (obj) .replace (/[/"/{/}]/g," "). Reemplazar (//:/g," = "). Reemplazar (//,/g," & ");}; return url;}Cómo usar
Funcurl () obtiene el valor de búsqueda completo (sin incluir signos de interrogación)
Funcurl (nombre) Devuelve el valor de nombre en URL (integrar el párrafo anterior de los métodos de otras personas)
Funcurl (nombre, valor) Establezca el valor de nombre en la búsqueda para valorar y devuelva la URL completa
Devuelva contenido como http://www.a.com/list/2.html?page=2&color=4&size=3#pic
Funcurl (nombre, valor, tipo) funciona lo mismo que el tercer elemento, pero esto solo devuelve la cadena de búsqueda actualizada
El tipo aquí puede ser cualquier personaje, como 1;
Devuelve contenido de ejemplo página = 2 & color = 4 & size = 3;
Generalmente utilizado para obtener parámetros de URL y luego atracar en la interfaz
resumen
Originalmente quería encontrar un complemento listo para usar, pero era demasiado grande para entender o no fácil de usar. Por supuesto, fue principalmente porque mi nivel era demasiado pobre.
Así que hice una rueda para jugar con ella. Aunque el código no es lo suficientemente elegante, todavía satisface mis necesidades. Si tiene mejores sugerencias, déjame un mensaje.
De hecho, se usa principalmente con Vue, pero no hay contenido de Vue aquí, por lo que no se considera una serie de tutoriales para Vue.
Lo anterior es la descripción completa de algunos métodos y funciones de búsqueda en la URL de operación de JavaScript presentada por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!