AJAXの動作原理と事例を詳しく解説(わかりやすい)

寻∝梦
リリース: 2018-09-10 15:00:08
オリジナル
1705 人が閲覧しました

この記事では主にajaxの動作原理を紹介します。 ajaxの動作原理を分かりやすく解説していますので、ぜひ学んでみてはいかがでしょうか

AJAX = 非同期 JavaScript と XML。

AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。

AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。

従来の Web ページ (AJAX を使用しない) では、コンテンツを更新する必要がある場合、Web ページ全体をリロードする必要があります。

AJAX を使用するアプリケーション ケースは数多くあります: Sina Weibo、Google Maps、Kaixin.com など。

AJAX 例の説明

上記の AJAX アプリケーションには、p とボタンが含まれています。

p セクションは、サーバーからの情報を表示するために使用されます。ボタンがクリックされると、loadXMLDoc() という関数が呼び出されます。

<html><body><p id="myp"><h3>Let AJAX change this text</h3></p><button type="button" onclick="loadXMLDoc()">Change Content</button></body></html>
ログイン後にコピー

次に、ページの head セクションに

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート