webmaster resource
+ Webmaster Forum von Webmaster-Resource.de » Sonstiges » Tutorials
|-+ [PHP] Sajax / Ajax
Username:
Password:

Seiten: [1]
Topic Tools  
Read 21. Oktober 2007, 15:14:03 #0
» тнє $υι¢ι∂є « ™

[PHP] Sajax / Ajax

Hallo,



wer Sajax/Ajax noch nicht kennt:


Was ist Ajax/Sajax?

Ajax ist eine “neue” Vorgehensweise bei der Entwicklung von Webapplikationen. Ein Client der auf Javascript, CSS und XHTML basiert interagiert mit dem Application Server durch XMLHttpRequest. Diese Methode vermeidet für den Benutzer, die sonst in Webanwendungen üblichen, Wartezeiten. Die Interaktivität und Geschwindigkeit einer solchen Anwendung ist vergleichbar mit herkömlicher Software. Und das alles im Browser.



fangen wir mal an:

Unsere erste Ajax anwendung wird nicht mehr machen, als die aktuelle serverzeit anzuzeigen...

ajax.php:
Code:
<?php
require_once(
"Sajax.php");
//dies ist die funktion, die später per Ajax/Sajax aufgerufen wird:
function zeit()
{
return Date("d.m.Y - H:i:s");
}
sajax_init();
sajax_export("zeit");
sajax_handle_client_request();
sajax_show_javascript();
?>

function serverzeit()
{
x_zeit(antwort)//Send ajax request
setTimeout("serverzeit()",1000)
}
function antwort(aw)
{
document.getElementById("serverzeit").innerHTML=aw
}




index.html
Code:
<html>
<head>
<title>Ajax test anwendung</title>
<script src="ajax.php"></script>
</head>
<body>
<h1 id="serverzeit"></h1>
<button onclick="serverzeit();this.style.display='none'">testen wir unsere erste Ajax Anwendung...</button>
</body>
</html>


ruft man jetzt die index.html im Browser auf sieht mann nur einen button mit der beschriftung "testen wir unsere erste Ajax Anwendung..." da klicken wir einfach mal drauf...

... nun sollte die Serverzeit angezeigt werden, diese wird auch sekündlich aktualisiert ...





noch fragen?

einfach hier Posten




mfg Stefan




in der zip datei enthaltene Files:
  • ajax.php
  • Sajax.php
  • index.html
« Letzte Änderung: 21. Oktober 2007, 15:16:30 von ρнρ-∂єνєℓσρєя »

Offline  
Seiten: [1]
Gehe zu: