variable-an-php-uebergebenmit-vanilla.php
Quell Code
<html>
<head>
<title>Ajax Beispiel 003</title>
<style>
body{
text-align:center;
}
div,#so{
margin-top:20px;
width:100%;
}
</style>
</head>
<body>
<p id="so"><a id="source_01" href="javascript:setRequest('01')">Server Antwort holen</a></p>
<div id="content"></div>
<div id="scrip"></div>
<script>
var request = false;
function setRequest(id) {
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
if (!request) {
document.getElementById('content').innerHTML = '<p id="err" style="color:red;font-size:20px;">Error Kein request möglich</p>';
return false;
} else {
var url = "variable-an-php-uebergeben-ohne-ajax.php";
var value = document.getElementById('source_'+id).innerHTML;
request.open('post', url, true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.send('antwort='+value);
request.onreadystatechange = interpretRequest;
}
}
function interpretRequest() {
switch (request.readyState) {
case 4:
if (request.status != 200) {
document.getElementById('content').innerHTML = '<p id="err" style="color:orange;font-size:20px;">Error<br>Der Request wurde abgeschlossen, ist aber nicht OK<br>Fehler:'+request.status+'</p>';
} else {
var content = request.responseText;
document.getElementById('content').innerHTML = '<p id="ant" style="color:green;font-size:20px;">Antwort von Serve ist = '+content+'</p>'
}
break;
default:
break;
}
if(request.responseText!=1){
document.getElementById('scrip').innerHTML = '<p id="antscrok" style="color:green;font-size:20px;">'+request.responseText+' wurde vom Javascript erkannt<br>Seite wird reloadet</p>';
//location.reload()
}else{
document.getElementById('scrip').innerHTML = '<p id="antscrerr" style="color:red;font-size:20px;">'+request.responseText+' ist nicht der Text aus der if Abfrage</p>';
}
}
</script>
</body>
</html>