Ador
Erfahrenes Mitglied
Hallo,
ich arbeite mich gerade etwas in AJAX ein.
Ich habe noch Probleme mit dem Verständnis, wie AJAX und PHP zusammenarbeiten.
Zum verstehen möchte ich gern, dass per AJAX ein PHP Script aufgerufen und ausgeführt wird und entsprechend reagiert.
Das einmalige aufrufen/ausführen ist auch kein Problem, aber mir ist nicht ganz klar, in welcher Reihenfolge das geschieht, bzw. was nach dem PHP aufruf geschieht, also wo es weiter geht.
Dazu poste ich einfach mal ein sehr sehr simples Beispiel, mit dem ich gerade übe.
Mein Ziel ist es gerade, dass ich mit dem selben Button im Wechsel die beiden echos in der PHP-Datei ausgebe.
Vom prinzip her dachte ich, dass ich per AJAX immer wieder das PHP-Script aufrufen kann, aber es wird ja anscheinend nur 1x aufgerufen.
PS: Ich verstehe auch nicht, warum "myAjax" immer verschwindet, habe es beim debuggen bemerkt. Dadurch kann ich ja nicht mal etwas abfragen wie z.B: if(text == 'a')..... weil es unmöglich ist, auf die variable "text" zuzugreifen.
html-Datei:
php Funktion:
ich arbeite mich gerade etwas in AJAX ein.
Ich habe noch Probleme mit dem Verständnis, wie AJAX und PHP zusammenarbeiten.
Zum verstehen möchte ich gern, dass per AJAX ein PHP Script aufgerufen und ausgeführt wird und entsprechend reagiert.
Das einmalige aufrufen/ausführen ist auch kein Problem, aber mir ist nicht ganz klar, in welcher Reihenfolge das geschieht, bzw. was nach dem PHP aufruf geschieht, also wo es weiter geht.
Dazu poste ich einfach mal ein sehr sehr simples Beispiel, mit dem ich gerade übe.
Mein Ziel ist es gerade, dass ich mit dem selben Button im Wechsel die beiden echos in der PHP-Datei ausgebe.
Vom prinzip her dachte ich, dass ich per AJAX immer wieder das PHP-Script aufrufen kann, aber es wird ja anscheinend nur 1x aufgerufen.
PS: Ich verstehe auch nicht, warum "myAjax" immer verschwindet, habe es beim debuggen bemerkt. Dadurch kann ich ja nicht mal etwas abfragen wie z.B: if(text == 'a')..... weil es unmöglich ist, auf die variable "text" zuzugreifen.
html-Datei:
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript">
function changeStatus(text){
if (window.XMLHttpRequest){
myAjax = new XMLHttpRequest();
}else{
myAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
myAjax.onreadystatechange=function(){
if (myAjax.readyState==4 && myAjax.status==200){
document.getElementById("output").innerHTML=myAjax.responseText;
}
};
myAjax.open("GET","function.php?text=" + text,true);
myAjax.send();
}
</script>
</head>
<body>
<h1>Test</h1>
<button type="button" onClick="changeStatus('a')">Click Me!</button>
<div style="width:400px; border: 1px black solid; padding:10px;" id="output">...</div>
</body>
</html>
php Funktion:
PHP:
<?php
if($_GET["text"] == 'a')
{
echo 'ausgabe AAAAAAAAA';
$_GET["text"] = 'b';
}else
{
echo 'ausgabe BBBBBBBBBB';
$_GET["text"] = 'a';
}
?>
Zuletzt bearbeitet: