問題タブ [partial-page-refresh]

サムネイル画像がクリックされたときに FLV ファイルを JWPlayer にロードするメイン ビデオ パネルを持つビデオ ページのデザインがあります。私が探しているのは部分的なページの更新だと思いますか? この効果を達成するための最良の方法は何ですか?

これは、ビデオ パネルを表示するために使用しているスクリプトです。

ページの一部だけを更新することはできますか？どのように？

一部：

名前、メールアドレス、メンバーシップが終了するまでの時間を表示するテーブルがあり、「メンバーシップが終了するまでの時間」を毎秒更新する必要があります。

あるタブで gmail にサインインし、別のタブで orkut にサインインする場合 (両方とも同じアカウントにのみ使用できることに注意してください。一方にログインすると、別のタブに自動的にログインします)。gmail からログアウトし、orkut が既に開いているタブに移動すると、ページに数秒間留まった後、ページは自動的にログアウトします。これはどのように行われますか？これはページの更新によるものだと思いますが、それほど多くのデータを何度も転送したくないので、より良い方法を知りたいです。

*参考までに: 私は Adsense を使用していません。これは TOS に違反していません...

jQuery スライドショーを表示するページがあります。以前は html でスライドショーを作成していたので、すべてのスライドの変更はページビューになります。スライドショーに Javascript を使用するようになったので、表示されたスライドごとに 1 つの広告インプレッションのみを登録しています。読者がクリックして次のスライドを表示するたびに、広告を更新する方法を見つけたいと考えています。これを達成する方法について何か提案はありますか?

更新パネルにラップされた単純なフォーム（テキストボックス、送信ボタン）があります。

したがって、ボタンをクリックすると、サーバー側のクリックイベントが発生し（SubmitButton_Click）、データベースに何かが発生し、ページが（非同期で）再レンダリングされます。

これが私の問題です-すべての「データベースに何かが起こった」後にJavaScriptを実行する必要があります。

言い換えれば、データ/パラメーターがサーバー側のロジックに基づいているJavaScriptを作成する必要があります。

私はこれを試しました：

この

どちらも機能しません（何も起こりません）。

.add_pageLoadedこれで、クライアント側のAJAXライブラリを使用して関数にフックできます（部分的な更新が完了したらクライアント側のスクリプトを実行します）が、問題は、ボタンクリックイベントで作成されたサーバーからのデータが必要なことです。

すなわち：

現時点で考えられる唯一の「ハック」は、上記を実行することですが、Webサービスを呼び出して、すべてのデータを再度取得してから、スクリプトを実行します。非同期のポストバックを実行する必要がないため、「ハック」と言います。after-partial-postbackイベントハンドラーにフックしてから、以前に投稿された情報を取得するためだけにサーバーを再度呼び出します。

一般的な問題のようです。いいえ、UpdatePanelを削除することはできません（削除したいのですが）。理由を議論する時間を無駄にしたくありません。

ハッキーではないアイデアはありますか？

編集

スクリプトに送信する必要のあるデータの明確化：

テキストボックスにテキストを入力し、[送信]をクリックすると、サーバーはデータベースレコードを作成し、ID、名前、URL、Blahなどのプロパティを持つオブジェクトを返します。これらはスクリプトに必要な値です。

したがって、クライアントコードからWebサービスを呼び出す場合、作成されたばかりの値を取得するには、いくつかのハックを実行する必要があります（テキストボックスの値を持つ最後のレコードを変更します）。理想的ではなく、1つのフォーム投稿に対して2つのAJAX呼び出しも理想的ではありません。（パネルのポストバックを更新してから、Webサービスを呼び出します）。

部分的なページ更新を実行する領域内の要素を選択する jQuery スクリプトがいくつかあります。

この CSS トリック コード スニペットを使用して、ページのその部分を更新しています。

問題は、#maindisplay 内の要素が変更され、dom 内の新しい要素と見なされることです。これらの要素を選択して関数をアタッチするスクリプトは、部分的な更新中ではなく domready で実行されるため、問題が発生します。

これまでのところ、部分的に更新した後、#maindisplay 内の要素にスクリプトを再アタッチする方法を見つけることができませんでした。

私の質問は次のとおりです。ページの更新された領域にスクリプトを再添付する最適な方法は何ですか。

アドバイスありがとうございます。

私はこのスクリプトを取得することができました。ダイアログ ウィンドウの div を更新しています。

}

すべて正常に動作します。div は 10 秒ごとに更新されます。しかし、私はこの方法に疑問を持っています。1. 10 秒ごとに更新を行うと、ブラウザの速度が遅くなったり、このようなことになりますか? 2. 3 秒ごとにリフレッシュする速度を上げたいのですが、何か問題が発生する可能性はありますか?

クリックしてコンテンツを更新するリンクを何らかの形で作成したいと思いますが、良い例が見つかりませんでした。誰かがこれで私を助けることができますか？そのため、load.() を使用して category_dialog div をロードしますが、onclick 呼び出しを使用して、新しい内容を表示します。ありがとう！

Kissakiの助けを借りて、リンクを更新する簡単な関数を作成することができました:)サンプルは次のとおりです。

私はこのjquery関数を使用しています:

私は id="refresh" 問題のあるリンクも使用しています.2回目にクリックすると更新されず、変更が加えられたことがわかります. ありがとう！

ある種のリアルタイム更新を行う Web サイトを開発しています。これで、データセットの現在の ID の JavaScript 変数を使用して Web サイトが生成されます。次に、数秒間隔で AJAX 呼び出しが行われ、現在の ID が渡されます。新しいものがある場合、サーバーは最新の ID と共にそれを返し、JavaScript で更新されます。非常に単純ですが、ここで問題が発生します。

ユーザーが同じページを複数回開くと、すべてのページがこの AJAX 要求を実行し、サーバー負荷が高くなります。

今、私は次のアプローチについて考えました：

Web サイトには、現在のタイムスタンプと現在のデータセットの ID の JavaScript 変数が読み込まれます。私の希望するリフレッシュ間隔は、たとえば 3 秒です。

Web サイトでは、インターバル カウンターが 1 秒ごとにカウントアップし、タイムスタンプが(timestmap % 3===0)true を返す状態になるたびに、コンテンツが更新されます。リンクはhttp://www.example.com/refresh.php?my-revision=123×tamp=123456のようになります

これで、すべてのブラウザ ウィンドウが同じ URL を呼び出すようになります。次に、ブラウザ レベルのキャッシュを有効にします。

しかし、私はこの解決策があまり好きではありません。Cookie にデータ共有の別のレイヤーを追加することをお勧めします。これは大きな問題ではありません。すべてのリクエストを、タイムスタンプとデータ リビジョンで名前を付けた Cookie に 10 秒程度の TTL で保存し、最初にその存在を確認するだけで済みます。

しかし

ページは同時にリクエストを実行します。そのため、ブラウザのキャッシュと Cookie のロジック全体が機能しない可能性があります。これは、リクエストが次々にではなく同時に発生するためです。

そこで、現在の接続を 1 つのサーバー側に制限することを考えました。しかし、ページ全体でそれをしたくないので、少なくとも追加の vhost が必要になります。これにより、クロスサイト ポリシーに関する問題が発生します。

もちろん、いくつかの非常に複雑な負荷分散ソリューション/URI や IP アドレスなどを要求するサーバー側のソリューションがありますが、それはすべて極端にやり過ぎです!

それはよくある問題に違いない！Facebookのチャットを考えてみてください。あなたが開いているすべてのウィンドウですべてのリクエストを行うとは本当に思いません...

何か案は？私は本当にこれにこだわっています！

ウィンドウ間の Javascript 通信を行うことはできますか? すべてが同じドメイン上にある場合は問題になりませんか?

もちろん、私ができることはサーバー側のキャッシュです。これにより、少なくともDB接続と集中的な計算が回避されます...しかし、それでも避けたい要求です。

1 つのページにフォームがあり、フォーム データの一部は mysql データベースのさまざまなテーブルから取得されます。テーブルにはさまざまな選択のオプションが保持されているため、php スクリプトを実行した後のデータは次のようになります。

iframe でこのページを読み込む 2 番目のフォームがあります。この 2 番目のフォームを使用すると、この mysql テーブルに含まれるデータを更新して、その場でフォームにオプションを追加できます。すべてがうまく機能しますが、このテーブルをその場で更新 (値を追加) すると、新しいデータがメイン ページの最初のフォームに表示されるようにページを更新する必要があります。ページの自動更新で遊んだことがありますが、それはちょっと不快です。

このフォーム データを jquery 経由で元のページに直接追加する方法はありますか?

ツイートを追加すると、Twitterはこのようなことをすると思いますが（私はTwitterを使用していません）、実際にページ全体をリロードせずに、最近のツイートをページの上部に追加します。

本当にありがとう！