解説
「AJAX」（Asynchronous JavaScript+XML）は、非同期に通信を行い、JavaScriptで動的にHTMLを差し替える処理を指します。
Webアプリケーションの多くでは、見えないところで処理を行い、ユーザーの操作に応じて、サーバーと通信して各種データを取得しています。そうした処理をAJAXと呼びます。
省略前の名前にXMLと付いていますが、サーバーから取得するデータはXMLとは限りません。
サンプル
WikipediaのAPIを利用したJavaScriptのプログラムを掲載します。ファイルはUTF-8で保存してください。検証はGoogle Chromeで行なっています。
<html>
<head>
<title>「JavaScript」のサンプル</title>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(function() {
$('#exec').click(function() {
var p = $.param({
action: 'query',
list: 'search',
srsearch: $('#src').val(),
srnamespace: 0,
srlimit: 10,
srprop: '',
format: 'json'
});
$.getJSON('http://ja.wikipedia.org/w/api.php?' + p + '&callback=?',
function(data) {
var res = data.query.search.map(x => x.title).join('<br>');
$('#dst').empty().append(res);
}
);
});
});
</script>
</head>
<body>
<input type="text" id="src" value="本">
<button id="exec">実行</button>
<div id="dst"></div>
</body>
</html>
