Jeżeli chcecie aby strona nie była przeładowywana to należy użyć to oto skryptu
Plik Index.html
Kod html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax</title>
<script type="text/javascript">
function getXMLHttpRequestObject()
{
try{
return new XMLHttpRequest();
}
catch(e){
try{
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
return false;
}
}
}
function pobierzDane()
{
if(XMLHttpRequestObject){
var div = document.getElementById("warstwaDanych");
var przyciskEl = document.getElementById("przycisk1");
przyciskEl.disabled = true;
XMLHttpRequestObject.open("GET", "dalej.php"); <!-- Możemy również użyć POST, -->
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200) {
div.innerHTML = XMLHttpRequestObject.responseText;
przyciskEl.disabled = false;
}
}
XMLHttpRequestObject.send(null);
}
}
var XMLHttpRequestObject = getXMLHttpRequestObject();
</script>
</head>
<body>
<div>
<input type="button" value="Kliknij tu"
onclick="pobierzDane();" id="przycisk1" />
</div>
<div id="warstwaDanych">
</div>
</body>
</html>
Plik Dalej.php
Kod php:
<?php
echo "Napisz tu co tylko zechcesz.";
?>
Zakładki