Ajax in der Praxis

09.01.2017 11:31 Uhr

Ajax Code

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc(){
var xmlhttp;

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }

else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.onreadystatechange=function(){

  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    document.getElementById("mySection").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","ajax_info.txt",true);

xmlhttp.send();

}
</script>

</head>
<body>
<section id="mySection">
	<h2>
		Let AJAX change this text</h2>
</section>
<button onclick="loadXMLDoc()" type="button">Change Content</button>

</body>
</html>

vorherige Seite / nächste Seite

Schlagwörter: