問題タブ [ajax]

さまざまな状況で AJAX アプリケーションで戻るボタンを機能させるためのいくつかのアプローチに精通していますが、特定のシナリオで適切に機能するソリューションは見つかりませんでした。

私が扱っているページは、サイトの検索インターフェイスです。通常の検索ボックスに用語を入力し、[移動] をクリックして検索結果ページに移動します。検索結果ページには、探しているものを見つけるために検索結果をフィルタリング/ソートするための UI コントロールがたくさんあります。これらのコントロールによってトリガーされる操作は、完了するまでに (比較的) 長い時間がかかる場合があります (例: 数秒)。

ユーザーが最初に結果をフィルタリング/ソートしている場合、この待ち時間は問題ありません...素敵なAJAXスピナーなどがあります...しかし、ユーザーが検索結果をクリックしてから[戻る]ボタンをクリックすると、ページは、クリックしたときの状態に即座に復元されます。

IFRAME/フラグメント識別子をページ履歴の辞書として使用して状態を復元できますが、最終的には、ユーザーが最初に戻るボタンを押したときに最初のページが読み込まれ、(再) AJAX クエリを作成して取得します。ページの状態が戻ると、AJAX スピナーがトリガーされ、さらに数秒間待機します。

ユーザーが BACK ボタンでページに戻ったときに、この種のページの 2 段階のロードを必要としないアプローチはありますか?

追加するために編集:私はjqueryに部分的ですが、他のライブラリ/ツールキットに依存するソリューション、またはスタンドアロン/生のjavascriptであるソリューションに満足しています。

追加するために編集: Cookie/セッションを回避しようとしていることを追加する必要がありました.

編集：マット、提案された解決策（フラグメント識別子を介してページ変更イベントをトリガーする）について詳しく説明できますか？これが同じページで戻るボタンのクリックにどのように役立つかがわかりますが、特定の結果をクリックした後に検索結果ページに戻ることはありません。

Ajax を実行する小さな JS 関数と、リクエストに POST データを追加する同様の関数があります。Ajax は非常に大きなトピックであり、それに関するライブラリが非常に多いため、機能に欠けているものは何ですか? 安全でないのか、それとも他に心配なことがあるのでしょうか?

非同期フォーム送信には jQuery Form プラグインを使用しました。ファイルを含むフォームの場合、フォームを非表示の iframe にコピーして送信し、iframe のコンテンツをコピーして戻します。問題は、サーバーから返された HTTP ステータス コードを見つける方法がわからないことです。たとえば、サーバーが 404 を返した場合、iframe からのデータは通常どおりコピーされ、通常の応答として扱われます。

ある種のstatus_code属性を探して iframe オブジェクトをいじってみましたが、そのようなものを見つけることができませんでした。

$.ajax()ファイルのアップロードをサポートしていないため、この機能は使用できません。私が知っているファイルを非同期的にアップロードする唯一の方法は、hiddeniframeメソッドを使用することです。

私が現在取り組んでいるプロジェクトでは、Web チャット アプリケーションを開発する必要があります。これは、非常に複雑なチャットではなく、特定のトピックについて話すために 2 人を接続する方法であり、認証は一切必要ありません。 2 人のユーザーのうちの 1 人については、顔文字やアバターなどをサポートする必要はありません。

一部のプロジェクト メンバーは、BOSH を介して XMPP を使用できることを提案しました。私は、それは船の網で魚を捕まえようとするようなものであり、単純な Ajax/MySQL Web チャットのような、より単純な方法を提案しましたが、パフォーマンスが心配です。同時に開いている多くのチャットの絶え間ないポーリングにより、サーバーでヒットします。

誰かが前にこのようなことをしたことがありますか? あなたは何をお勧めします？

jqueryajaxを使用して更新をサーバーにポストバックしています。AJAX呼び出しのみがデータを投稿できるように、適切な対策を講じていることを確認する必要があります。

私のスタックは、MySQLバックエンドに対するApache上のPHPです。

アドバイスは大歓迎です！

もしそうなら、どのように？

jQuery を使用したり、Microsoft AJAX ツールキットを使用したりしましたか?

Web サービスを作成したか、アクションを呼び出しましたか?

編集: この質問は、Microsoft が jQuery を VS/ASP.NET MVC にバンドルすると発表する前に行われたことに注意してください。現在、このトピックに関する議論は少なくなっていると思います。答えは、ほとんどの場合「jQuery を使用する」になるでしょう。IainMH 2009 年 2 月 11 日

プロジェクトで動作させるにはどうすればよいですか?

http://ajax.asp.net/

http://www.codeplex.com/AjaxControlToolkit/

わかりましたので、リンクボタンを選択したオートコンプリート ドロップダウンが必要です。したがって、ユーザーはカーソルを「テキスト ボックス」に置き、オプションのリストを表示します。入力を開始してリストを絞り込むか、リストのオプションの 1 つを選択できます。クリック (または Enter キーを押す) するとすぐに、これがリンクされているデータセットが選択によってフィルター処理されます。

わかりました、これはドロップダウンの周りに AJAX オートコンプリートをラップするのと同じくらい簡単ですか? いいえ？（お願いします？）

多くのオンライン チュートリアルで、単純な Ajax ソース コードの例を見てきました。私が知りたいのは、例のソース コードを使用しても問題ないかどうかです。

実際のアプリケーションに入るコードに追加するものはありますか?

アプリケーションの堅牢性と安全性を高めるには、どのような手順を踏む必要がありますか?

Web から入手したサンプル ソース コードを次に示します。

ユーザーが電子メールとパスワードを入力する必要があるサインアップ フォームがあります。どちらも 2 つの別々のテキスト ボックスに入力されています。ユーザーがクリックできるボタンを提供して、ユーザーがボタンをクリックしたときにパスワード (マスクされている) がポップアップに表示されるようにしたいと考えています。

現在、これに対する私の JavaScript コードは次のとおりです。

問題は、ユーザーがボタンをクリックするたびに、Firefox と IE の両方でパスワードが消去されることです。パスワードを再入力しなくても確認できるように、クリア テキストでパスワードを表示できるようにしたいと考えています。

私の質問は次のとおりです。

1. ボタンをクリックするたびにパスワードフィールドがリセットされ続けるのはなぜですか?

2. ユーザーが自分のパスワードをクリアテキストで見た後、パスワードフィールドがクリアされないようにするにはどうすればよいですか?