Da ich momentan in einem Projekt die AJAX-Funktionalität auch ohne Framework implementieren muss, hier eine kurze Anleitung dafür:
1. Schritt: HTML Datei erstellen:
<html xmlns=”http://www.w3.org/1999/xhtml”>
 <head>
   <title>Meine AJAX Seite \o/</title>
   <script language=”javascript” type=”text/javascript” src=”main.js”>
   </script>
 </head>
<body>
 <button onclick=”makeRequest()”>Klick mich</button>
 <p id=”Debug”></p>
 <p id=”Result”></p>
</body>
</html>
2. Schritt: Javascript Datei “main.js” erstellen
var httpRequest;
function makeRequest()
{
addDebugMessage(‘[MAKE REQUEST]‘);
if (window.XMLHttpRequest) // Mozilla, Safari, Opera, IE7
   {
   addDebugMessage(‘[CREATE XMLHttpRequest OBJECT]‘);
   httpRequest = new XMLHttpRequest();
   }
else if (window.ActiveXObject) // IE6, IE5
   {
   addDebugMessage(‘[CREATE ActiveXObject]‘);
   httpRequest = new ActiveXObject(“Microsoft.XMLHTTP”);
   }
httpRequest.onreadystatechange = getResponse; // Callback Function
httpRequest.open(‘GET’, ‘test.xml’, true);
// Method, url, Async = true / Sync = false
httpRequest.send(”); // Start request
}
function getResponse()
{
addDebugMessage(‘[CALLBACK FUNCTION]‘);
addDebugMessage(‘[httpRequest.readyState ' + httpRequest.readyState + ']‘);
addDebugMessage(‘[httpRequest.status ' + httpRequest.status + ']‘);
if (httpRequest.readyState == 4 && httpRequest.status == 200)
   {
   addDebugMessage(‘[REQUEST COMPLETE]‘);
   addDebugMessage(‘[RESPONSE TEXT: ' + httpRequest.responseText + ']‘);
   var responseXml = httpRequest.responseXml;
   }
}
function addDebugMessage(message)
{
   var textElement = document.createElement(“p”);
   textElement.appendChild(document.createTextNode(message));
   document.getElementById(‘Debug’).appendChild(textElement);
}
3. Schritt: Datenquelle “test.xml” erstellen
<?xml version=”1.0″ encoding=”utf-8″?>
<root>
   <test>Testtest</test>
</root>
Fertig
Getestet ist es mit einem IE7 und Firefox 2 unter Windows Vista. Ich musste allerdings die Webseite im Visual Studio öffnen, da ich ansonsten den Fehler “Zugriff verweifert” bekam.
Letzte Frage: Wie kann ich ASP.NET XML Webservices anbinden ohne das AJAX Framework zu benutzen?
Dazu hab ich dieses HowTo gemacht.
Recent Comments