Jquery.historyに基づいてajaxの前方および後方問題を解決する-jsチュートリアル-php.cn

Jquery.historyに基づいてajaxの前方および後方問題を解決する

亚连

リリース： 2018-05-24 15:09:33

オリジナル

1505 人が閲覧しました

この記事では主に、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 を履歴レコードに追加し、アドレスバーを変更します

4 戻るときは、 History.Adapter.bind のメソッドを実行し、最初に state パラメータを取得します

5 js で変更した変数を元の値に戻し、以前に変更した HTML コンポーネントの値を元の値に戻し、HTML コンテンツを復元します変更された HTML コンポーネントを元の値に戻します

6 元の実行されたメソッド、つまり CallbackFunctions に保存されたメソッドを再実行します

上記は私があなたのためにコンパイルしたものです。将来的には

関連記事: HTML5 で postMessage ナレッジポイントを使用して Ajax の POST クロスドメイン問題を解決する

Ajax のいくつかの一般的なプロパティ、イベント、メソッドの大文字化に関するよくある質問のまとめオブジェクト

Ajaxリクエストセッション失敗の問題を解決する方法

以上がJquery.historyに基づいてajaxの前方および後方問題を解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。