Ajax - Eigenschaften und Methoden des Request-Objektes

Anzeigebeispiel: Drücke eine Taste!


Code: ajax5.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Event</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="keywords" content="Formular, Vorlage"/>
<meta name="description" content="Standard Formular"/>
<meta name="content-language" content="de"/>
<meta name="distribution" content="global"/>

<!-- 
	Die Website basiert auf MYSQL und PHP, der Programmcode stammt von Mag. Otto Dolinsek.
-->
<link rel="stylesheet"  type="text/css" href="screen.css" media="screen"/>
<link rel="stylesheet" type="text/css"  href="print.css" media="print"/>
<script type="text/javascript">
var reqObject =null;
function creXMLHttpRequestObject(){
	var reqObject = null;
	try {
		reqObject= new ActiveXObject('Microsoft.XMLHTTP');
	}
	catch(Error){
		try {
			reqObject=new ActiveXObject('MSXML2.XMLHTTP');
		}
		catch(Error){
			try {
			reqObject = new XMLHttpRequest();
			}
			catch(Error){
				alert('Erzeugung des XMLHttpRequest-Objektes ist nicht möglich!');
			}
		}
	}
	return reqObject;	
}
function sndReq(){
	reqObject.open('get','ajax5.php',true);
	reqObject.onreadystatechange = handleResponse;
	reqObject.send(null);
}
function handleResponse(){
 	if (reqObject.readyState==4) {
 		text="PHP-Antwort: " + reqObject.responseText;
 		text +="<br/><br/>Ubertragungsstatus: " + reqObject.readyState;
 		text +="<br/>Status: " + reqObject.status;
 		text +="<br/>Statustext: " + reqObject.statusText;
 		text +="<br/><br/>Methoden des XMLHttpRequest Objekts<br/>"; 
 		text +="<br/>Datum (Header): "+ reqObject.getResponseHeader("Date");
 		text +="<br/>Content-Length: " + reqObject.getResponseHeader("Content-Length");
 		text +="<br/>Content-Type: " + reqObject.getResponseHeader("Content-Type");
 		text +="<br/>Server: " + reqObject.getResponseHeader("Server");
 		text +="<br/>Keep-Alive: " + reqObject.getResponseHeader("Keep-Alive");
 		text +="<br/>Connection: " + reqObject.getResponseHeader("Connection");
 		text +="<br/>Referer: " + reqObject.getResponseHeader("Referer");
 		text +="<br/><br/>Alle Header Felder vom Server<br/><br/>";
 		text +=reqObject.getAllResponseHeaders();
 		document.getElementById("antwort").innerHTML= text; 
 	} 
}
reqObject=creXMLHttpRequestObject();
//Ende des XMLRequestObjektes
document.onkeydown =sndReq;
</script> 
</head>
<body>
<h1>Ajax - Eigenschaften und Methoden des Request-Objektes</h1>
<h3 class="Stil1">Anzeigebeispiel: Drücke eine Taste!</h3>
<p>
<span id="antwort"></span>
</p>

</body></html>



Code: ajax5.php

<?php
echo "Eigenschaften des XMLHttpRequest Objektes!";
?>