< >

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>

Add Comment

* Required information
1000
Powered by Commentics

Comments (1)

Gravatar
Admin
Sascha65says...

Die Canvas Balken Uhr ist ja mal Fett