Javascript Funktion wird nicht aufgerufen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Javascript Funktion wird nicht aufgerufen

    Hi!

    Ich habe hier ein Javascript geschrieben, welches einen Reuqest erzeugt und dann die nächste Funktion, sprich die Funktion ausgeben(), aufrufen soll. Dies funktioniert aber nicht. Warum?

    Quellcode

    1. var request;
    3. function createRequest() {
    4. request = null;
    6. if (window.XMLHttpRequest) { // Mozilla, Safari,...
    7. request = new XMLHttpRequest();
    8. if (request.overrideMimeType) {
    9. request.overrideMimeType("text/xml");
    10. }
    11. } else if (window.ActiveXObject) { // IE\n
    12. try {
    13. request = new ActiveXObject("Msxml2.XMLHTTP");
    14. } catch (e) {
    15. alert("1");
    17. try {
    18. request = new ActiveXObject("Microsoft.XMLHTTP");
    19. } catch (e) {
    20. alert("1");
    21. }
    22. }
    23. } else {
    24. alert("Kein Request erzeugt!");
    25. return false;
    26. }
    28. request.open("GET", "links.xml", true);
    29. request.onreadystatechanged = ausgeben();
    30. request.send(null);
    31. }
    33. function ausgeben() {
    34. if (request.readyState == 1) {
    35. window.status = "receiving response --> state 1";
    36. } else if (request.readyState == 2) {
    37. window.status = "response received --> state 2";
    38. } else if (request.readyState == 3) {
    39. window.status = "in action --> state 3";
    40. } else if (request.readyState == 4) {
    41. window.status = "finished --> state 4";
    42. if (request.status == 200) {
    43. alert("Hurra");
    44. } else {
    45. //Problem on loading
    46. }
    47. }
    48. }
    Alles anzeigen

  • Weiß der Teufel was da los war. Funktioniert jetzt. Mit Hilfe eines XMLHttpRequest wird eine XML-Datei abgefragt und die einzelnen Elemente werden an eine Tabelle angehängt.

    Quellcode

    1. var http = null;
    3. function request() {
    4. if (window.XMLHttpRequest) {
    5. http = new XMLHttpRequest();
    6. } else if (window.ActiveXObject) {
    7. http = new ActiveXObject("Microsoft.XMLHTTP");
    8. }
    9. if (http != null) {
    10. http.open("GET", "links.xml", true);
    12. http.onreadystatechange = ausgeben;
    13. http.send(null);
    14. }
    15. }
    18. function ausgeben() {
    19. if (http.readyState == 4) {
    20. var liste = document.getElementById("Liste");
    21. var daten = http.responseXML;
    22. var ergebnisse = daten.getElementsByTagName("request");
    23. for (var i = 0; i < ergebnisse.length; i++) {
    24. var name, url;
    25. var eintrag = ergebnisse[i];
    26. for (var j = 0; j < eintrag.childNodes.length; j++) {
    27. with (eintrag.childNodes[j]) {
    28. if (nodeName == "name") {
    29. name = firstChild.nodeValue;
    30. } else if (nodeName == "status") {
    31. status = firstChild.nodeValue;
    32. }
    33. }
    34. }
    36. var li = document.createElement("tr");
    37. var a = document.createElement("td");
    38. var b = document.createElement("td");
    39. var txt = document.createTextNode(name);
    40. var text = document.createTextNode(status);
    41. a.appendChild(txt);
    42. b.appendChild(text);
    43. li.appendChild(a);
    44. li.appendChild(b);
    45. liste.appendChild(li);
    46. }
    47. }
    48. }
    Alles anzeigen


    Jetzt gibt es nur noch das Problem, dass er die Tabelle beim ersten Aufruf nicht anzeigt, sondern erst nach erneutem aktualisieren. Jemand ne Idee woran das liegt?

    Gruß
    Rantan

  • Ja, die Funktion wird onload aufgerufen.

    Wenn ich den Server starte und dann zu der Seite connecte, dann zeigt er erstmal gar nix an. Erst wenn ich dann nochmal auf aktualisieren drücke passiert was.

    Und jetzt hab ich mal noch einmal alert("request") und einmal alert("ausgeben") an die Anfänge der Funktionen geschrieben, um zu gucken wie das mit den Aufrufen abläuft und bin völlig verwirrt. Wenn ich jetzt auf aktualisieren klicke, dann ruft er einmal die Funktion request auf und dann 4(!!!) mal die Funktion ausgeben...was veranlasst ihn dazu?!?

    Gruß
    Rantan

  • Und im Internet Explorer macht er überhaupt nichts. Funktioniert nur im Firefox...

    Hier mal das Servlet, welches der Ursprung des ganzen Übels ist... ^^

    Quellcode

    1. package de.werum.servlets;
    3. import java.io.IOException;
    4. import java.io.PrintWriter;
    6. import javax.servlet.ServletException;
    7. import javax.servlet.http.HttpServlet;
    8. import javax.servlet.http.HttpServletRequest;
    9. import javax.servlet.http.HttpServletResponse;
    11. public class HelloServlet extends HttpServlet
    12. {
    13. protected void doGet(HttpServletRequest arg0, HttpServletResponse arg1)
    14. throws ServletException, IOException
    15. {
    16. arg1.setContentType("text/html");
    18. PrintWriter pw = arg1.getWriter();
    20. String docType = "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//E'>\n";
    22. pw.println(docType + "<HTML>\n"
    23. + "<HEAD>\n"
    24. + "<script type='text/javascript' src='script.js'>\n"
    25. + "<meta http-equiv='cache-control' content='no-cache'/>\n"
    26. + "<meta http-equiv='pragma' content='no-cache'/>\n"
    27. + "<TITLE>Ajax-Test</TITLE>\n"
    28. + "</HEAD>\n"
    29. + "<BODY onload=\"request()\">\n"
    30. + "<TABLE ID='Liste' BORDER='1'>\n"
    31. + "<TH>Name</TH>\n"
    32. + "<TH>Status</TH>\n"
    33. + "</TABLE>\n"
    34. + "</BODY>\n"
    35. + "</HTML>");
    36. }
    37. }
    Alles anzeigen

  • Vor allem, wenn du mit DOM arbeitest (aber eigentlich auch so), solltest du auf korrektes HTML achten.

    Keine THs ohne TRs. Außerdem Tags klein schreiben.
    Validiere am besten mal bei http://validator.w3.org

    "Rantanohneplan" schrieb:

    Ah, das er die Funktion ausgeben() 4 mal aufruft liegt am readyState oder? Für jeden Wechsel des readyStates von 1 bis 4 wird die aufgerufen, richtig?


    Das ist korrekt. Bei jedem Wechsel wird die Funktion aufgerufen. Deswegen auch die Bedingung.

    Verschiedene States: http://msdn2.microsoft.com/en-us/library/ms534359.aspx
    uninitialized Object is not initialized with data.
    loading Object is loading its data.
    loaded Object has finished loading its data.
    interactive User can interact with the object even though it is not fully loaded.
    complete Object is completely initialized.