問題タブ [pushstate]

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.

0 投票する
1 に答える
11871 参照

php - PJAXの使い方は?(PHPを使用したPJAX?)

私は自分のPHPサイトでPJAXを動作させようとしていました。これは、私が使用しているコードです。

PJAXデモページで使用したコードを使用していますが、使用したコンテナ(#main)を自分のサイトのコンテナ(セクションタグ)に置き換えています。コンソールにもページにもエラーはありませんが、どちらも機能しません。使用する前に

$(function() { $('ul a').pjax('section') });

しかし、これらのいずれも使用せず、$('ul a')。pjax('section')を使用すると、コンソールに次のエラーが表示されます。

jquery.pjax.jsのセクションのpjaxコンテナが見つかりませんでした(行:353)

これについて助けてもらえますか?ありがとう

0 投票する
1 に答える
610 参照

javascript - IE 以外のブラウザーで pushState と $.ajax(hash) を使用して二重送信を回避するにはどうすればよいですか?

Internet Explorer は、AJAX 送信の履歴を処理するための pushState をサポートしていない唯一の主要なブラウザーのようです。だから私が持っているどこでも:

私の AJAX コードでは、次の行を追加する必要があります。

もちろん、これにより、pushState() による送信をサポートするすべての非 IE ブラウザーで二重送信が発生します。

この二重提出を避けるにはどうすればよいですか?

0 投票する
1 に答える
421 参照

javascript - /#en/xyz ではなく /en/#xyz としてのバックボーン ルーター

私はかなり単純なことをしようとしています。

シナリオは次のとおりです。プッシュステート対応のブラウザーでサイト全体がうまく機能しています。サイトは、言語が「実際のページ」であることに基づいて機能します。たとえば、次のようになります。

先に述べたように、それは本当に滑らかで、pushstate とうまく連携します。問題は、ハッシュの代替で同じルーター コードを使用しようとしたときです。

バックボーンのルーターはこれを行いたいようです:

私がやりたいことは次のとおりです。

しかし、これを実装するためにバックボーンのソースを微調整しないと方法が見つかりません。将来を保証するという理由で本当に必要な場合を除き、backbone.js の変更には反対です。

誰にも考えはありますか?

0 投票する
2 に答える
737 参照

regex - HTML5 PushState 正規表現の問題

私は現在取り組んでいるプロジェクトで Backbone を試してきましたが、Backbone の 'pushState' を希望どおりに機能させるのに問題がありました。

4 つのビューとルーターで構成される単純なプロジェクトがあります。この場合、重要な場合は要素の ID を介してルーティングしています。ビューの 1 つ (http://example.com/backbonetest/ #step1 ) のハッシュに移動すると、正しく表示され、URL が変更されます。これは私がここで起こると予想していることですが、ハッシュを入れずに同じものに移動しようとすると問題が発生します (http://example.com/backbonetest/ step1 )。ページが存在しないため、予想されるサーバー (IIS) で 404 を取得します。

私が一日中やろうとしてきたのは、IIS の正規表現を記述して、URL をキャッチして書き換え、URL の末尾にあるフラグメントを削除して、ページが正しく提供されるようにすることです。ページのコンテンツは動的に生成され、とにかくコンテンツを取得するにはスクリプトが必要になるため、同じ名前の物理ファイルを作成するよりも、単純に URL を書き換えたいと思います。

私が遭遇した問題は、ファイル システム上でフォルダー/スクリプト/スタイルをどのように構成する必要があるかに関連している可能性があります。/backbonetest/フォルダー内にサンプル全体を含めることができるようにしたいと考えていました。スクリプトの場合は、「backbonetest/scripts」など。

正規表現をテストしている URL のリストと、達成しようとしている結果を作成しました。

編集:使用されている URL に前のスラッシュが含まれていないことがわかりました。これが、Qtax のソリューションが IIS で機能しない理由です。新しい入力構造は上に示されています。

「/555/stuff」の URL は、通常どおり 404 になると予想されます。現在のもの以外にサブディレクトリが定義されておらず、URL が明示的なファイル (たとえば、拡張子を持つファイル) を参照していない場合にのみ、URL を書き換えたいと思います。

私はこれに対する解決策を求めて一日中ネットを精査してきましたが、正規表現を試してみましたが、私の問題に対する適切な解決策を思いつくことができませんでした. どこにも何も見つからなかった後、私はこれを間違った方法で見ているに違いないと考えています...

誰でも私を助けてもらえますか?

0 投票する
1 に答える
1164 参照

javascript - Backbone.js と mod の書き換え

そのため、バックボーンをいじっていて、pushState を使用する直接ページのロードが適切に機能しない場所に到達しました。my.url.com/login にアクセスしようとすると、見つからないページが表示されますが、それは直接存在しないためです。次の書き換えルールがあります。

これはうまくいかないようです(見つからないのではなく、悪いリクエストが返されると思います)。mod rewrite で pushState url を適切にロードするにはどうすればよいですか?

0 投票する
0 に答える
228 参照

jquery - AJAX、pushState、jQuery を使用してページ全体を更新せずにページを循環しますか?

私は多数の短い投稿がある Rails プロジェクトに取り組んでおり、ユーザーが投稿を循環できるようにナビゲーション リンク (次と前) を追加したいと考えています。

ただし、これを非同期で実行したいと思います。ここで問題が発生しています。どこから始めればよいかわかりません(I AM A NOOB)。

pushState、AJAX、jQuery のさまざまな組み合わせを調べてきましたが、すべて役に立ちませんでした。この問題には簡単な解決策が必要だと思いますが、現時点ではわかりません。

この例については、http: //www.brotips.ru/76/ - 左右のナビゲーション矢印を確認してください。

私は完全な解決策を求めているわけではありません (もちろん、これは素晴らしいことです) が、むしろ正しい方向へのプッシュです。

よろしくお願いします。

0 投票する
2 に答える
2577 参照

javascript - Twitter 共有ボタン: URL のハッシュ部分を共有しますか?

ユーザーがナビゲートするときに URL ハッシュを動的に更新するサイトがあります (これは Backbone.js アプリで、pushState を使用しています)。

ユーザーがハッシュを含む完全な URL をツイートできるようにしたいと考えています。

私は Twitter の共有ボタンを使用していますが、ハッシュではなく、基本的な URL パスのみを共有しているようです。これは非常に重要です。

ユーザーにハッシュを共有させる方法についてのアイデアはありますか?

ご協力いただきありがとうございます。

0 投票する
1 に答える
2541 参照

internet-explorer - IE に history.pushState を無視させる方法は?

作成した小さな Web アプリに pushState/onPopState を実装しました。IE はこれらのメソッドをサポートしていないため、アプリは IE で JavaScript エラーをスローするようになりました。次のようなチェックを行う方法はありますか

IE がアプリのこの部分を無視し、エラーをスローしないようにするには? ありがとう。

0 投票する
1 に答える
1458 参照

javascript - pushStateを実行するときに、すべてのhrefとsrcを更新する必要がありますか?

に電話をかけようとpushStateしているが、すべての相対リンク、画像、スタイルシートなどを保持したい場合は、これまでのところ次のようにします。

私の質問は:これはクロスブラウザで動作しますか?する必要があります$(this).attr('href') = this.hrefか?

これは必要ですか?これを行う別の方法はありますか?これはそれを行うための最良の方法ですか?そして、それは常に機能するのでしょうか?

0 投票する
3 に答える
18195 参照

javascript - history.pushState() クエリ値の変更

たとえばhistory.pushState({}, "", link);myが関数で変更されているリンクがある場合、リンク全体を変更する代わりにwith関数を変更する方法はありますか?linkpage.php?value=1&value2=2value2pushState()