コンテンツに応じてページに要素を追加するには、サーバーからテキスト ファイルのコンテンツを読み取り、JavaScript でコンテンツを解析する必要があります。
ただし、W3Schools の例はFF12でうまく 機能しますが、例の左ペインからソースを .html ファイルにコピーし、必要なデータ ファイル「demo_ajax_load.txt」を .html と同じディレクトリに作成すると、うまくいきません。ただし、IE9では問題なく動作します。
ソースは次のとおりです。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});
});
</script>
</head>
<body>
<div><h2>Let AJAX change this text</h2></div>
<button>Change Content</button>
</body>
</html>