2021ﾌﾞﾗｳｻﾞでｳｪﾌﾞｻｲﾄを閲覧するとき、ﾌﾞﾗｳｻﾞからｳｪﾌﾞｻｰﾊﾞｰにﾘｸｴｽﾄを送り、ｻｰﾊﾞｰからﾌﾞﾗｳｻﾞにﾚｽﾎﾟﾝｽのﾃﾞｰﾀが返信され、ﾌﾞﾗｳｻﾞはこのﾃﾞｰﾀを解釈してｳｪﾌﾞｻｲﾄを表示します。この一連の処理で、ﾌﾞﾗｳｻﾞの画面が一旦消えた後、新しい画面に切り替わる「画面遷移」が起こります。この画面遷移はｻｰﾊﾞｰの処理や回線速度が遅い場合には結構ｽﾄﾚｽになります。
このように、ｸﾗｲｱﾝﾄからﾘｸｴｽﾄを送り、ﾚｽﾎﾟﾝｽを待ち続ける方式を同期通信といいます。
この画面遷移の煩わしさを改善したのが非同期通信を行うAjax(Asynchronous JavaScript And XML)という技術です。非同期通信は、ｸﾗｲｱﾝﾄが要求したﾀｲﾐﾝｸﾞで、必要なﾃﾞｰﾀをｻｰﾊﾞｰから受け取り、ｻｲﾄ画面の一部を変更するので、画面遷移がなく、快適な閲覧を可能にします。
Ajaxの身近な例では、画面遷移せずに地図を切替えることができるGoogleMapが有名です。　そのほか、ｼｮｯﾋﾟﾝｸﾞｻｲﾄの購入者情報の入力で、郵便番号を入力すると、ｻｰﾊﾞｰから都道府県や市町村名のﾃﾞｰﾀを受け取り、ﾌﾞﾗｳｻﾞに表示するようなﾍﾟｰｼﾞで使用されています。

図3 HTTPによる同期通信と非同期通信

ところで、AjaxはJavaScriptでﾌﾟﾛｸﾞﾗﾐﾝｸﾞします。記述する場所は、通常のJavaScriptのﾌﾟﾛｸﾞﾗﾑと同様に、HTMLﾌｧｲﾙの中に直接記述するか、別ﾌｧｲﾙにﾌﾟﾛｸﾞﾗﾑを記述して、HTMLﾌｧｲﾙから呼び出します。
近年はJavaScriptで直に記述するよりもjQueryというJavaScriptﾗｲﾌﾞﾗﾘを使って記述することが多くなっており、これを利用するとﾌﾟﾛｸﾞﾗﾐﾝｸﾞがしやすくなります。
また、言うまでもなく、Ajaxを利用する場合は、ｸﾗｲｱﾝﾄからのﾘｸｴｽﾄを受けるためのﾌﾟﾛｸﾞﾗﾑをｻｰﾊﾞｰ側に用意する必要があります。ｸﾗｲｱﾝﾄ側は、Ajaxのﾌﾟﾛｸﾞﾗﾑにｻｰﾊﾞｰ側のﾌﾟﾛｸﾞﾗﾑを指定してﾘｸｴｽﾄします。
興味ある方はAjax、jQuery等のｷｰﾜｰﾄﾞでﾈｯﾄ検索してください。