我想在哈希后将键/值对存储在 URI 中以供客户端使用，如下所示：
http://www.foo.com/index.html#foo=bar&baz=quux
是否有一个预先存在的解决方案已经这样做了，或者我应该自己推出？我已经在使用 JQuery，所以特别欢迎 JQuery 解决方案。
我最初的想法是使用正则表达式，但这会变得复杂，尤其是当您添加转义键和值的需要时。
编辑：让我澄清一下。我想做这样的事情：
foo = hash.get('foo');
hash.set('bar','baz');
对于任何有兴趣的人，这是我想出的解决方案：
/**
* Copyright 2009 by David Kerkeslager
* Released under the BSD License (http://davidkerkeslager.com/license.txt).
*
* This library defines an object-literal which allows one to store key/value pairs after the hash (#) in the URI.
* The syntax of the storage is modeled after the way that GET variables are stored after the question mark (?) in
* the URI.
*
* Example URI: "http://www.foo.com/index.html#foo=bar&baz=quux"
*
* Note: it should be obvious that this should not be used for storing private data of any kind.
*/
var URIHash =
{
/**
* Dump the contents of the URI hash into an associative array. If the hash is invalid, the method returns
* undefined.
*/
dump : function()
{
var hash = document.location.hash;
var dump = new Array();
if(hash.length == 0) return dump;
hash = hash.substring(1).split('&');
for(var key in hash)
{
var pair = hash[key].split('=');
if(pair.length != 2 || pair[0] in dump)
return undefined;
// escape for storage
dump[unescape(pair[0])] = unescape(pair[1]);
}
return dump;
},
/**
* Takes an associative array and stores it in the URI as a hash after the # prefix, replacing any pre-
* existing hash.
*/
load : function(array)
{
var first = true;
var hash = '';
for(var key in array)
{
if(!first) hash += '&';
hash += escape(key) + '=' + escape(array[key]);
}
document.location.hash = hash;
},
/**
* Get the value of a key from the hash. If the hash does not contain the key or the hash is invalid,
* the function returns undefined.
*/
get : function(key)
{
return this.dump()[key];
},
/**
* Set the value of a key in the hash. If the key does not exist, the key/value pair is added.
*/
set : function(key,value)
{
var dump = this.dump();
dump[key] = value;
var hash = new Array();
for(var key in dump)
hash.push(escape(key) + '=' + escape(dump[key]));
document.location.hash = hash.join('&');
}
}
您可以在哈希之后存储 JSON 数据。我一直在考虑这样做 - 它会避免解析，尽管你可能会打开自己的篡改。
Ben Alman 的 JQuery Hashchange 插件为同一页面上的多个小部件设置哈希参数。它还允许旧浏览器通过哈希更改进行备份。
今天，可以使用URLSearchParams完成所有这些操作
假设http://www.foo.com/index.html#foo=bar&baz=quux你可以做的网址
const hash = window.location.hash.slice(1)
searchParams = new URLSearchParams(hash)
searchParams.get("foo") //=> "bar"
searchParams.set("waldo", "fred")
searchParams.toString() //=> "foo=bar&baz=quux&waldo=fred"