jQuery hashプラグイン

8104 ワード

URLのhash、つまりURLの井戸番号の後ろの部分は、実は宝地で、閲覧履歴を作成したり、簡単なデータを保存したりすることができます.TwitterからHashはAjaxコンテンツを定義するために使用されていますが、現在はHTML 5のpushStateに置き換えられています.ここではjQuery Hash プラグインについて説明します.簡単なデータの保存を完了するのに役立ちます.
 
Hashデータを保存するのに何の役に立つの?
まず、従来のURL伝達データの弊害は、検索エンジンに友好的ではなく、検索エンジンが/exampleと/example?key=valは異なるウェブサイトですが、hashは異なり、検索エンジンは/exampleと/exmapleを考えています.key=valは2つの全く同じページになります.また、hashでデータを格納してもページをリフレッシュする必要はありません.
hashはcookieのようにローカル一時記憶のソリューションとして使用することができる.urlに一時的なユーザー状態を保存できるのはクッキーではできません.たとえばAjaxページのリフレッシュを含めると,hashを直接利用して現在の状態を記憶することができる.例えば、Hashchangeの傍受に協力していくつかのことをすることができます.
これは試しです.hashにデータを保存する人は少ないですが、本当に必要なら、このプラグインで参考にしてみてください.
 
どんな様子か見てみましょう
次の図は、ウェブサイトの正常な部分がexampleである例です.com/demoは、ウェブサイトhashにデータkeyA=valAとkeyB=valBを格納する.それらの間にはセミコロン";"区切り、最初のkey名にもセミコロンがあります.
従来のURLで渡す場合はexample.com/demo?keyA=valA&keyB=valBの様子.
また、URL自体にhashがある場合、例えばページ自体のアンカーブックマークがジャンプし、データを格納する場合は、次のようにすることができます.
ここでindexはデータではなく、前にセミコロンが付いているのがデータです.区別しやすいです.
 
jQuery Hashプラグインの使い方
使い方はとても簡単です.設定値、ペア値の追加、値の変更、値の読み取り、値の削除があります.また、このプラグインはまずjQueryを導入する必要があります.多くのバージョンと互換性があります.
 
値の設定
実行するだけ
$.hash( ~keyName, ~value );

 
で行ないます.例えば、$を実行する.hash("color", "yellow");URLのハッシュに「color=yellow」を格納し、URLが
example.htm#;color=yellow
 
値を増やす
ペアの値を増やすには、同じように設定値のスクリプトを実行します.例えば$を再実行する.hash("fontSize","20px;"),このペアの値をhashに新たに格納し、URLを
example.htm#;color=yellow;fontSize=20px
 
値の変更
同じように値を設定するスクリプトを実行し、2番目のパラメータを新しい値に変更すると、hashの末尾にこのペアの値が突然変更されます.
例えば$を実行する.hash("color","green");hashに格納されているcolorの値を変更し、URLが
example.com#;fontSize=20px;color=green
 
リード値
実行するだけ
$.hash( ~keyName )

 
~keyNameという名前の値を読むことができます.たとえば、$を実行します.hash("fontSize");「20 px」が返されます.
 
値の削除
保存されている一対の値を削除するには、
$.hash( ~keyName, null )

 
を使用してインポートしたストロークVSラム速度のデータ点を示します.例えば$を実行する.hash("color", null);hashに格納されているcolor=greenデータを削除し、URLが
example.htm#;fontSize=20px
 
jQuery HashプラグインDemo
もしあなたがまだ理解していないかdemoを見たいなら、これによって.
 
jQuery hashプラグインを取得
このプラグインを導入するには、このjsプラグインファイルをダウンロードしてくださいを使用します.
そして、少なくともjQueryが導入された後のいずれかの位置で加入する
<script src="jQuery.hash.js" type="text/javascript"></script>

 
 
最後に書く
プラグインのダウンロードリンクは上にあります.ここではLewisに感謝します.このプラグインは彼のjQuery hash pluginに基づいて修正されました.現在、中国語の冒頭のkey名はサポートされていません.まず考えてみましたが、hashの後ろに現れたら?あるいは&これらの正規のパラメータ記号はhash井戸番号の前のパラメータと混同しやすいので、私はもっと美しい記号を選びました;」セミコロンは、占有体積が小さくてほとんど見えませんが、使用に影響しません.前に疑問符やand記号が混同されることはなく、これも2つの記号を必要とせず、セミコロンだけが必要です.しかし、伝統的なand記号が必要な場合は、原作者のウェブサイトにダウンロードしたり、このプラグインに基づいて自分で修正したりすることができます.
視聴ありがとうございます.
 
原文:http://blog.netsh.org/posts/jquery-hash-plugin_1455.netsh.html
 
詳細:
1.  http://benalman.com/code/projects/jquery-hashchange/docs/files/jquery-ba-hashchange-js.html
2.  https://github.com/gcoguiec/jquery-hash
3.  https://github.com/blixt/js-hash
 
justcode.ikeepstudying.com