Zapisywanie danych w URI Po Hash

Question

Chcę przechowywać par klucz/wartość w URI po hash do użycia po stronie klienta tak:

http://www.foo.com/index.html#foo=bar&baz=quux 

Czy istnieje istniejące już rozwiązania, które już to robi lub powinienem rzucić własną? Używam już JQuery, więc rozwiązanie JQuery byłoby szczególnie mile widziane.

Moim oryginalnym pomysłem było użycie wyrażenia regularnego, ale to się komplikuje, zwłaszcza gdy dodaje się potrzebę ucieczki zarówno od kluczy, jak i od wartości.

EDYCJA: Pozwól mi wyjaśnić. Chcę zrobić coś takiego:

foo = hash.get('foo'); 
hash.set('bar','baz'); 

Answer 1

Dla wszystkich zainteresowanych, oto rozwiązanie wymyśliłem: JQuery Hashchange Plugin

/** 
* 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('&'); 
    } 
} 

Answer 2

Możesz przechowywać dane JSON po haszowaniu. Szukałem tego - uniknęłoby to parsowania, chociaż możesz otworzyć się na manipulowanie.

Answer 3

Ben Alman za ustawia parametry mieszania dla wielu widgetów na tej samej stronie. Pozwala także starszym przeglądarkom tworzyć kopie zapasowe poprzez zmiany hash.

http://benalman.com/projects/jquery-hashchange-plugin/

Więcej przykładów: http://benalman.com/projects/jquery-bbq-plugin/