XMLHttpRequest - sWiZz-eL!Te-bo@rd

FrEEk · #1 (**permalink**) 11.09.2007, 09:16

Tach

Ich muss mich im Moment mit AJAX befassen stelle fest, dass die untere Funktion eigentlich funzt aber der Firefox verweigert den Dienst. Dies ist ein Testscript:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html">
    <title>AJAX Example 1</title>
    
      <script type="text/javascript">
        // AJAX Handle
        var request = false;
        
        //Funktion request senden
        function setRequest() {
          // request erzeugen
          if (window.XMLHttpRequest) {
            request = new XMLHttpRequest(); //Mozilla, Safari, Opera 
                     
          } else if (window.ActiveXObject) {
            try {
              request = new ActiveXObject('Msxml12.XMLHTTP'); // IE 5
            } catch(e) {
              try{
                request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6  
                // alert("hallo scheisskopf!");            
              } catch(e){}
            }
            
          }
          
          // überprüfen, ob request erzeugt wurde
          if(!request) {
            alert("kann keine XMLHTTP-Instanz erzeugen!");
            return false;
          } else {
            var url = "ajax_first.php";
            // request öffnen
            request.open('post', url, true);
            // request senden
            request.send(null);
            // request auswerten
            request.onreadystatechange = interpretRequest;
          }
          
        }
          
        //request auswerten
        function interpretRequest() {
          
          switch(request.readyState) {
            // wenn der readystate 4 und der request.status 200 ist, dann ist alles korrekt gelaufen.
            case 4:
                    if(request.status != 200) {
                      alert("Der Request wurde abgeschlossen, ist aber nicht ok\nFehler:" + request.status);
                    } else {
                      var content = request.responseText;
                      // den Inhalt des Requests in das <div> schreiben
                      document.getElementById('content').innerHTML = content;                      
                    }
                    break;
            default:
                    break; 
          }
        }  
      </script>
  </head>
  <body>
    <a href="javascript:setRequest()">Send!</a>
    <div id="content"></div>
  </body>
</html>

Der Inhalt der PHP-Datei:

PHP-Code:


			
<?php

header('Content-Type: text/html; charset=utf-8'); // sorgt für korrekte codierung
header('Cache-Control: must-revalidate, pre-check=0, no-store, no-cache, max-age=0, post-check=0'); // ist mal wieder wichtig wegen IE
$text = "Testausgabe";
echo $text;

?>

Weiss jemand von Euch, was hier das Problem sein könnte? Habe mich bereits in diversen Internetquellen schlau machen wollen, aber irgendwie stosse ich nur auf fadenscheinige Erklärungen.

Tänx

czrx · #2 (**permalink**) 18.10.2007, 21:12

Ich empfehle die Eventzuweisung ...

request.onreadystatechange = interpretRequest;

... VOR dem request.send() unterzubringen, weil Du ja auf das Event reagieren musst. Hilfreich wäre auch die Info, wo nun der Fehler liegt. Hast Du Dir vielleicht schon das FireBug-AddOn installiert, um den Fehler zu finden?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln