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>
Comments (1)
Die Canvas Balken Uhr ist ja mal Fett