<!DOCTYPE html>
<html>
<body>
<h2>XMLHttpRequestオブジェクト</h2>
<p id="demo">AJAXにこのテキストを変更させます。</p>
<button type="button" onclick="loadDoc()">内容変更</button>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "ajax_info.txt", false);
xhttp.send();
document.getElementById("demo").innerHTML = xhttp.responseText;
}
</script>
</body>
</html>
