Obtener y eliminar parámetros de URL mediante JavaScript

Parámetros en URL son variables específicas que pueden contener valores de longitud limitada.

Es posible que haya visto la URL que contiene diferentes tipos de parámetros.

Ilustración de parámetros:

Si no sabe acerca de los parámetros, déjeme mostrarle cómo se ven.

Ejemplo:

https://domain.com/?fullscreen=1

Aquí en la URL anterior pantalla completa=1 es el parámetro o variable que contiene valor 1.

Si usted es un desarrollador web, diseñador web o programador, tendrá información sobre métodos, especialmente en PHP o JavaScript.

Los métodos son:

La mayoría de los parámetros de URL se utilizan para el método GET.

El motivo principal de este artículo es informarle cómo puede agregar, obtener y eliminar parámetros en la URL.

Creación de parámetros de URL:

Crear parámetros de URL no es muy difícil, solo tiene que agregar un parámetro y su valor a la URL.

He agregado el parámetro en la ilustración anterior.

Antes del primer parámetro, hay que añadir ? y luego, si desea varios parámetros, sepárelos por & firmar.

Obtener parámetro:

A obtener un parámetro de una URL usando JavaScript puede usar la siguiente función de JavaScript para obtener cualquier parámetro de una URL.

función getParameterByName (clave, URL de origen) {
URL de origen || (sourceURL = ventana.ubicación.href), clave = clave.reemplazar(/[[]]/g, “\$&”);
var r = nueva expresión regular («[?&]” + tecla + “(=([^&#]*)|&|#|$)”).exec(urlorigen);
volver r? r[2] ? decodificarURIComponent(r[2].replace(/+/g, ” “)) : “” : nulo
}

Ahora echemos un vistazo a un ejemplo de cómo podemos recuperar u obtener un parámetro de una URL.

Por ejemplo, esta es una URL que contiene un parámetro pantalla completa=1

https://domain.com/?fullscreen=1

Ahora veamos cómo podemos recuperar el valor de este parámetro usando la función de JavaScript anterior.

var para = getParameterByName('fullscreen');
document.write(para);
/*    It Will Return 1 as a parameter value    */

La mayoría de las veces solo desea obtener parámetros de la URL, pero a veces también queremos eliminar un parámetro específico de la URL y, en ese caso, puede usar la siguiente función de JavaScript.

function removeParameterByName(key, sourceURL) {
    sourceURL || (sourceURL=window.location.href)
    var rtn = sourceURL.split("?")[0],
        param,
        params_arr = [],
        queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
    if (queryString !== "") {
        params_arr = queryString.split("&");
        for (var i = params_arr.length - 1; i >= 0; i -= 1) {
            param = params_arr[i].split("=")[0];
            if (param === key) {
                params_arr.splice(i, 1);
            }
        }
        rtn = rtn + "?" + params_arr.join("&");
    }
    return rtn;
}

Ahora, esta función de JavaScript le permitirá eliminar un parámetro específico de la URL.

Demostremos cómo podemos eliminar el parámetro pantalla completa=1 de la URL anterior.

Así es como funciona el JavaScript anterior para eliminar un parámetro de la URL trabajará.

var para = removeParameterByName('fullscreen');
document.write(para);
/*It will return https://domain.com/? */

Cómo establecer múltiples parámetros en la URL:

Puede configurar fácilmente múltiples parámetros en la URL simplemente separando cada parámetro con & firmar.

Consulte la URL que se proporciona a continuación; consta de parámetros separados por el signo &.

https://ejemplo.com/index.html?para1=1&para2=2

Conclusión:

Se trata de configurar, obtener y eliminar variables de la URL. Con esto, puede hacer que su sitio web se vea dinámico y agregarle diferentes funcionalidades. Puede rellenar fácilmente formularios en una página web. También utilizo esta funcionalidad en este sitio para mostrar una vista previa de las plantillas de Blogger.