Ajaxを実装したければjQueryが便利とのことで，さっそくローカルサーバ環境で作ってみた．ローカルサーバにはIISを使った．
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(function() {
$('#load').click(function() {
$.ajax({
type: 'GET',
url: 'load.html',
dataType: 'html',
success: function(data) {
$('#list').append(data);
},
error: function() {
alert('Something is wrong!');
}
});
});
});
</script>
-------------------------------------------------------
<body>
<ul id="list"></ul>
<p><a href="#" id="load">この文字列をクリック</a></p>
</body>
これを本文中に書く．もちろんJavaScript部を外部ファイルにしてよい．
渡すload.htmlにはこう書いた．
<li>読み込まれました．</li>
これら2つのファイルをIISなのでc:/inetpub/wwwroot/下のフォルダにしまい，IISを起動させてlocalhostでブラウズすると，文字列をクリックするたび読み込まれました．と上に表示される．
これからAjaxの使い方や使いみちについて考えたい．これは楽しい！
