de análisis de URL hash con JavaScript

Question

Buscando una manera para analizar pares de claves fuera del hash/fragmento de un URL en un objeto/matriz asociativa con JavaScript/JQuery

Answer 1

Salida: jQuery BBQ

jQuery barbacoa está diseñado para analizar las cosas desde la dirección URL (cadena de consulta o fragmento), y va un poco más lejos de simplificar la historia basada en el fragmento. Este es el plugin de jQuery que Yarin estaba buscando antes de armar una solución de js pura. Específicamente, la función deparam.fragment() hace el trabajo. ¡Echar un vistazo!

(El sitio de soporte en el que estoy trabajando utiliza una búsqueda asincrónica, y porque BBQ hace que sea trivial meter objetos enteros en el fragmento, lo uso para 'persistir' mis parámetros de búsqueda. búsquedas, y también les permite marcar búsquedas útiles lo mejor de todo, cuando se encuentra un defecto de control de calidad de búsqueda que se pueden vincular directamente a los resultados problemáticos)

Answer 2

estoy usando jQuery URL Parser biblioteca.

Answer 3

Aquí está, modificado de esta query string parser:

function getHashParams() { 

    var hashParams = {}; 
    var e, 
     a = /\+/g, // Regex for replacing addition symbol with a space 
     r = /([^&;=]+)=?([^&;]*)/g, 
     d = function (s) { return decodeURIComponent(s.replace(a, " ")); }, 
     q = window.location.hash.substring(1); 

    while (e = r.exec(q)) 
     hashParams[d(e[1])] = d(e[2]); 

    return hashParams; 
} 

Sin jQuery/plug-in requerido

Actualización:

Ahora estoy recomendando el jQuery BBQ plugin según la respuesta de Hovis . Cubre todos los problemas de análisis hash.

Answer 4

Mi respuesta a this question debe hacer lo que usted está buscando:.!

url_args_decode = function (url) { 
    var args_enc, el, i, nameval, ret; 
    ret = {}; 
    // use the DOM to parse the URL via an 'a' element 
    el = document.createElement("a"); 
    el.href = url; 
    // strip off initial ? on search and split 
    args_enc = el.search.substring(1).split('&'); 
    for (i = 0; i < args_enc.length; i++) { 
    // convert + into space, split on =, and then decode 
    args_enc[i].replace(/\+/g, ' '); 
    nameval = args_enc[i].split('=', 2); 
    ret[decodeURIComponent(nameval[0])]=decodeURIComponent(nameval[1]); 
    } 
    return ret; 
}; 

Answer 5

Es posible que desee comprobar jsuri. Parece que me funciona bien.

Answer 6

También puede usar la propiedad .hash, que se muestra en este ejemplo scrolling table of contents para un enlace clicado o para locatioin.

Answer 7

Este jQuery API hace hash tags de análisis: https://jhash.codeplex.com/

// get the "name" querystring value 
var n = jHash.val('name'); 

// get the "location" querystring value 
var l = jHash.val('location'); 

// set some querystring values 
jHash.val({ 
    name: 'Chris', 
    location: 'WI' 
}); 

Answer 8

que estaba buscando a través de un montón de respuestas para este problema y terminó improvisar juntos usando una línea con reduce:

const hashObj = location.hash.replace('#', '').split('&').reduce((prev, item) => Object.assign({[item.split('=')[0]]: item.split('=')[1]}, prev), {}); 

Obviamente, hay muchas cosas sucediendo en esa línea. Se puede reescribirse como esto para clariry:

const hashObj = location.hash.replace('#', '').split('&').reduce((prev, item) => { 
    return Object.assign({[item.split('=')[0]]: item.split('=')[1]}, prev); 
}, {}); 

Answer 9

hacer esto en JavaScript puro:

var hash = window.location.hash.substr(1); 

var result = hash.split('&').reduce(function (result, item) { 
    var parts = item.split('='); 
    result[parts[0]] = parts[1]; 
    return result; 
}, {});