問題タブ [hashchange]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Ajax を使用しているときにブラウザの履歴を同期させるにはどうすればよいですか?
ASP.NET Ajax を使用して簡単なフォト アルバム アプリを作成しています。
アプリは非同期 Ajax 呼び出しを使用して、ブラウザーの URL を変更せずに、アルバム内の次の写真を事前に読み込みます。
問題は、ユーザーがブラウザの戻るボタンをクリックしたときに、アプリが前の写真に戻らず、代わりにアプリケーションのホームページに移動することです。
ブラウザーをだまして各 Ajax 呼び出しを閲覧履歴に追加させる方法はありますか?
javascript - JavaScript を使用して新しいページを読み込まずにブラウザで URL を変更する
現在のページに何らかの影響を与える可能性がありますが、ユーザーがリロードまたはブックマークを押すと新しい URL が使用されるようにブラウザの URL も変更する JavaScriptアクションを作成するにはどうすればよいですか?
また、戻るボタンで元の URL をリロードできるとよいでしょう。
JavaScript の状態を URL に記録しようとしています。
javascript - URLの戻るボタン/ハッシュ変更の検出
新しいホームページをhttp://ritter.vgに設定しました。私はjQueryを使用していますが、最小限です。
AJAXを使用してすべてのページをロードします-URLのハッシュを検出することでブックマークを許可するように設定しました。
しかし、戻るボタンと進むボタンを機能させることができません。
setIntervalループを使用せずに、戻るボタンが押されたことを検出する(またはハッシュが変更されることを検出する)方法はありますか?.2秒と1秒のタイムアウトでそれらを試したところ、CPUがペグされました。
javascript - Ajaxアプリケーションのback/fwdキーイベントを有効にする
私はAJAXで大いに機能するアプリケーションを持っています。ただし、ナビゲーション機能が必要です。URLをスプーフィングするために、location.hashを変更してURLを生成します。しかし、back / fwdを使用すると、URLのみが変更されますが、ページはリロードされません。hstory.back
をオーバーライドしてページをリロードするにはどうすればよいですか。
javascript - Javascript 履歴フレームワークの使用経験
ユーザーがページの動作を変更する複数のオプションを選択したときに、ページ内のナビゲーションを処理する JavaScript 履歴フレームワークを探しています。
ページのデータ読み込みを変更するページには複数のアーティファクトがあり、これを一連の動作として保存したいと思います。より広い意味では、同じ理由で、これをツールキットとして将来の Web プロジェクトに追加したいと考えています。
私は主に JQuery を使用して ASP.NET で書いていますが、今のところ JQuery についてのみ本当に心配しています。私は他のプロジェクトを PHP、Python、Perl (ギグに応じて) で書いているので、プラットフォームにとらわれない必要があります。
私はネットで探していて、いくつか見つけましたが、1つだけ(OReillyでカバーされています)が法案に合うように見えました. 私はそれをいじり始めましたが、他の人が使用しているツールキットと、他の人が推奨するツールキットを知りたいと思いました。
履歴フレームワークや Ajax での戻るボタン (など) の処理の経験がある場合は、何を使用し、どのように機能したかをぜひお聞かせください。ライブラリの最終的な選択を行うのに本当に役立ちます。
ありがとう、
S
javascript - ロケーションハッシュの変更を検出するにはどうすればよいですか?
ナビゲーションにAjaxとハッシュを使用しています。
window.location.hash
このように変更されたかどうかを確認する方法はありますか?
http://example.com/blah#123からhttp://example.com/blah#456 _ _
ドキュメントの読み込み時に確認すれば動作します。
しかし、#hashベースのナビゲーションがある場合、ブラウザの戻るボタンを押しても機能しません(したがって、blah#456からblah#123にジャンプします)。
アドレスボックス内に表示されますが、JavaScriptではわかりません。
javascript - 戻るボタンを使用すると、AJAX の結果が失われました
そこで、20 件の結果が表示され、ユーザーがリンクをクリックして次の 20 件またはすべての結果を表示できる、Twitter と同様のページネーション システムをセットアップしました。表示される結果の数は、URL の末尾にあるパラメーターで制御できますが、これは AJAX で更新されないため、ユーザーが結果の 1 つをクリックしてから戻ることを選択した場合、20 から開始する必要があります。結果。
私が考えたことの 1 つは、AJAX を使用して結果を取得しているときに URL を更新すると、表示される結果の数を失うことなく、ユーザーが前後に移動できるようになることです。
これは実際に可能ですか、それとも完全に間違っていますか?
また、URL を変更するにはどうすればよいですか? URL を JavaScript で編集して変数にする方法がありますが、その変数を URL に適用する方法がわかりません。
ここでの助けは素晴らしいでしょう!
補足: 私は jQuery の load() 関数を使用してすべての AJAX を実行しています。
jquery - jquery履歴プラグイン
私はこのプラグインを使用しています:
http://plugins.jquery.com/project/history
このページで:
http://www.crtaci.info/index.php?autocom=majice
理由はわかりませんが、これを機能させるために何をすべきか理解できないようです...もっと睡眠が必要だと思います... :)
javascript - jquery ajax履歴とブックマークプラグイン
http://plugins.jquery.com/project/historyのような履歴とブックマークを処理するためのプラグインがあります。どういうわけか、完全な解決策には見えません。たとえば、あるページに、複数のチェックボックスやテキスト ボックスなどで構成されるフィルターがあるとします。ページ履歴機能でこれらすべてのコントロールを更新し、それらのコントロールの値が変更されたときに URL を更新する必要があります。jquery 履歴プラグインを使用すると、そのすべてのコードを作成する必要があります (URL からのハッシュ値の解析も)。この問題に対するより完全な解決策はありますか?
javascript - 固定された AJAX と SEO の回避策は?
URL のアンカー (ハッシュ リンク) をチェックし、AJAX で適切なページを読み込むための 300 ミリ秒のトリガーを使用して AJAX サイトを構築する方法は、皆さんご存知でしょう。しかし、これらのアンカー リンクは検索エンジンにとっては何の意味もありません =(
何らかの回避策を考えてみました。すべての JS コードは同じままですが、この小さなこと (私は JQuery を使用しています。申し訳ありません):
次に、本文のアンカー リンクをプレーン リンクに置き換え、非 JavaScript ユーザーと検索エンジン用に対応するプレーン ページ (まだすべての JS コードを含む) を作成します。通常の訪問者の場合、プレーンなリンクがその場でハッシュに変換され、AJAX コンテンツがすぐに読み込まれます。検索エンジンで見つかった特定のページを読み込もうとしている人にとっては、読み込みが行われ、その後、訪問者は ajax ナビゲーションを使用して移動し続けます...どういうわけか (それらの単純な直接ページにはまだ JS コードが含まれていることを思い出してください)。
私は自分の仮定が正しいことを確認したいだけです。彼らは?
更新:悪いことは、ユーザーが for ex を使用して内部ページに直接入る場合です。/portfolioアドレスの場合、彼は引き続き/portfolio#contactsまたは同様の URL にアクセスしますが、これはそれほどきれいではありませんが、まだ機能しています (つまり、/portfolio#contactsには連絡先が表示されます)。