ajax - iframe と AJAX の目的と機能の違いは何ですか?

Question

中央の列にリンクをロードしたいサイトがあるのに、なぜ iframe で AJAX を使用する必要があるのでしょうか?

Answer 1

AJAX は、サーバーからデータ (任意のデータ) を取得できるシステムです。これは、特定の URL に基づいて HTML ドキュメントまたはフラグメントを単純にロードする iframe とは対照的です。

iframe に対する AJAX の柔軟性の強みは、生データを返し、それを使用してビューを構築または更新できることです。次の例を考えてみましょう。表形式で表示する必要があるデータセットがあるため、データを含むテーブルを含むページを設定し、iframe 経由で読み込むことができます。

ただし、より良いオプションは、AJAX を使用してサーバーから生データを取得し、マークアップや追加のタグによって整理された状態でアプリケーションに送信することです。次に、ページは、その時点でアプリケーションがどのように表示する必要があるかに応じて、ページの必要な部分にテーブルを作成します。

iframe は、作成時に表示する必要がある HTML コンテンツをロードできますが、AJAX を使用すると、開発者はデータを表示方法から分離できるため、好きなだけ操作したり、さまざまな方法で使用したりできます。必要に応じてページとアプリケーション。

詳しくは

AJAX を使用すると、クライアントまたは Web ページがデータをサーバーに送り返して処理を行うことができます (パスワードの変更、設定の更新、トランザクション処理など)。 AJAX は、おそらく使用するテクノロジです。

また、iframe を使用すると、内部のデータを操作する能力が制限されます。iframe は、一種のコンテナーと考え​​ることができる新しいコンテキストを作成します。内部のデータは外部から安全であり、その逆も同様です。これは多くの場合、CSS が iframe に流れず、予期しない結果をもたらすことを意味します。一部のブラウザーでは、iframe 内のリンクをクリックすると、ページ全体が変更されるのではなく、実際にはリンクの宛先が iframe 内に読み込まれることがありますが、これは通常、意図したとおりではありません。