Kod: Zaznacz cały
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Przykładowy skrypt AJAX</title>
<script type="text/javascript">
var ObiektXMLHttp = false;
if (window.XMLHttpRequest)
{
ObiektXMLHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData(zrodlo, cel)
{
if(ObiektXMLHttp)
{
var cel = document.getElementById(cel);
ObiektXMLHttp.open("GET", zrodlo);
ObiektXMLHttp.onreadystatechange = function()
{
if (ObiektXMLHttp.readyState == 4)
{
cel.innerHTML = ObiektXMLHttp.responseText;
}
}
ObiektXMLHttp.send(null);
}
}
</script>
</head>
<body>
<h1>AJAX w praktyce</h1>
<form>
<input type = "button" value = "Pokaż wiadomość" onclick = "getData('wiad.txt', 'div')">
</form>
<div id="div"> Tutaj pojawi się wiadomość. </div>
</body>
</html>