この記事では主に、Jquery.history に基づいて ajax の前方および後方問題を解決する方法を紹介します。この記事の内容は古典的であり、関連する知識として非常に価値があります。 jquery の前方と後方は Script House の Web サイトで共有されていますので、ご参考までに
次の内容は、ajax の前方と後方の問題を解決する Jquery.history に関するものです。詳細は以下を参照してください。
この記事の前提は背景に基づいているため、SEOの問題はここでは考慮されません。同時に、バックエンドに基づく管理システムを収集する必要がないため、URL を直接入力するような更新状況は考慮されません。 ! !
ここでは、html5 のhistory.state を使用して問題を解決します。
インターネット上には、pushState と呼ばれる js のオープンソース ソリューションがすでに存在します。詳細については、pjax を参照してください
しかし、このソリューションは私のプロジェクト (バックエンドプロジェクト) には適していません。特に main メソッドが少し不十分です。
私はjquery.history.jsを使用しています。このhistory.jsを参照できます
以下のコードを見てください
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.history.js"></script> </head> <body>
ユーザー名 br/> js
二
History.Adapter.bind(window, 'statechange', function () { back forward またはhistory js メソッドをクリックすると、変更を監視することを示します。変更が発生すると、カスタム メソッドを実行します。History.pushState には 3 つのパラメータ、状態タイトル、およびカスタマイズされたアドレス クエリ パラメータがあります。このメソッドは履歴レコードにデータを追加し、アドレス バーを変更します。 History.getState() は状態パラメータを取得します。現在のアドレス
3つのプロセス
1 golbalStateに保存します。コールバックメソッドはタグのfunname属性から呼び出され、titleの値はタグのtitle属性から取得されます。
"globalPara" : "globalControlValue": "globalControlHtml" 値は、displayinfo などの ajax メソッドで割り当てるのが最善です
3 History.pushState を履歴レコードに追加し、アドレス バーを変更します
5 js で変更した変数を元の値に戻し、以前に変更した HTML コンポーネントの値を元の値に戻し、HTML コンテンツを復元します変更された HTML コンポーネントを元の値に戻します
6 元の実行されたメソッド、つまり CallbackFunctions に保存されたメソッドを再実行します
上記は私があなたのためにコンパイルしたものです。将来的には
関連記事: HTML5 で postMessage ナレッジ ポイントを使用して Ajax の POST クロスドメイン問題を解決する
Ajax のいくつかの一般的なプロパティ、イベント、メソッドの大文字化に関するよくある質問のまとめオブジェクト
以上がJquery.historyに基づいてajaxの前方および後方問題を解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。