BMU-Verlag/ajax_1_4.html

## ajax_1_4.html
<html>
<head>
    <title>AJAX-Beispiel 1</title>
    <script>
        function laden() {
            let ajaxObj = new XMLHttpRequest();
            ajaxObj.onreadystatechange = ausgeben;
            ajaxObj.open("GET", "daten.txt", true);
            ajaxObj.send();
        }
        function ausgeben(){
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("ausgabe").innerHTML = this.responseText;
            }
        }
    </script>
</head>
<body>
    <h1>Nachrichten anzeigen</h1>
    <textarea id="ausgabe" style = "height:150px; width:150px;">
    </textarea><br><br>
    <button type="button" onclick="laden()">Inhalt anzeigen</button>
</body>
</html>
	<html>
	<head>
	<title>AJAX-Beispiel 1</title>
	<script>
	function laden() {
	let ajaxObj = new XMLHttpRequest();
	ajaxObj.onreadystatechange = ausgeben;
	ajaxObj.open("GET", "daten.txt", true);
	ajaxObj.send();
	}
	function ausgeben(){
	if (this.readyState == 4 && this.status == 200) {
	document.getElementById("ausgabe").innerHTML = this.responseText;
	}
	}
	</script>
	</head>
	<body>
	<h1>Nachrichten anzeigen</h1>
	<textarea id="ausgabe" style = "height:150px; width:150px;">
	</textarea><br><br>
	<button type="button" onclick="laden()">Inhalt anzeigen</button>
	</body>
	</html>