Wykonanie pliku PHP bez przeładowania strony za pomocą AJAX
Skrypt ilustruje w jaki sposób wykonać kod w pliku PHP bez przeładowania strony i odebrać dane.
Listing
//Plik index.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", "dane.php");
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 dane.php
<?php
for($i = 0; $i < 10000; $i++)
for($j = 0; $j < 1000; $j++);
echo "Tekst wygenerowany przez skrypt PHP.";
?>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno