Kleines Problem mit Übergabe von Variablen

Hallo,
ich habe mir ein kleines Script gebaut mit welchem ich Web2.0 like Inhalte in DIVs laden kann. Leider habe ich an einer Stelle ein Problem und bin mir unsicher warum dieses auftritt. Aber seht selbst:

Funktionierende Version meines Scripts:

Aufruf durch:

onclick="getcontent('content_offen.php');">

Code:

function getHTTPObject()
                {
                var xmlhttp;
                if (!xmlhttp && typeof XMLHttpRequest != 'undefined')  
                               {
                               try
                                               {
                                               xmlhttp = new XMLHttpRequest();
                                               }
                               catch (e)
                                               {
                                               xmlhttp = false;
                                               }
                               }
                return xmlhttp;
                }
                var http = getHTTPObject(); // We create the HTTP Object
function getcontent(url)
                {
                http.open("GET", url, true);  
                http.onreadystatechange = handleHttpResponse;
                http.send(null);
                }
function handleHttpResponse()
                {
                var target = 'content';  
                if (http.readyState == 4)
                               {
                               if (http.responseText == undefined)
                                               {
                                               document.getElementById(target).innerHTML = '';  
                                               }
                               else
                                               {
                                               document.getElementById(target).innerHTML = http.responseText;
                                               }
                               }
                }

Nun möchte ich aber auch die ID des zu füllenden DIVs gleich im Aufruf mitgeben:

Also Aufruf durch:

onclick="getcontent('content_offen.php'##red|,'content'##);">

Code:

function getHTTPObject()
                {
                var xmlhttp;
                if (!xmlhttp && typeof XMLHttpRequest != 'undefined')  
                               {
                               try
                                               {
                                               xmlhttp = new XMLHttpRequest();
                                               }
                               catch (e)
                                               {
                                               xmlhttp = false;
                                               }
                               }
                return xmlhttp;
                }
                var http = getHTTPObject(); // We create the HTTP Object
function getcontent(url,target)
                {
                http.open("GET", url, true);  
                http.onreadystatechange = handleHttpResponse(target);
                http.send(null);
                }
function handleHttpResponse(target)
                {
                if (http.readyState == 4)
                               {
                               if (http.responseText == undefined)
                                               {
                                               document.getElementById(target).innerHTML = '';  
                                               }
                               else
                                               {
                                               document.getElementById(target).innerHTML = http.responseText;
                                               }
                               }
                }

Das Problem liegt in Zeile 21. Hier ist es scheinbar nicht möglich meiner Funktion "handleHttpResponse" eine Variabele mitzugeben.
Ich hoffe ihr könnt mir helfen.

Grüße aus Hannover

kami

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 136249

Url: https://administrator.de/contentid/136249

Ausgedruckt am: 22.11.2024 um 17:11 Uhr

7 Kommentare

Neuester Kommentar

Bei der Formatierung weigere ich mich, den Text auch nur durchzulesen...
Ausserdem: ist onreadystatechange nicht ein event?
Events kannst du doch keinen Rückgabewert aus einem Funktionsaufruf zuweisen.

€dit:
Ausserdem kannst du mal hier schauen.

... dann lass Dir mal target in der Funktion handleHttpResponse mit alert() ausgeben.
Allgemein glaube ich das Du mal paar Ausgaben einbauen solltest (oder anderweitig dein Code debugst ( https://addons.mozilla.org/de/firefox/addon/1843 )

btw. Bitte auf die Darstellung achten bevor Du deinen Code abschickst.

Events kannst du doch keinen Rückgabewert aus einem Funktionsaufruf zuweisen

... ist schon OK so - wenn das Event auftritt wird die zugewiesene Funktion aufgerufen.

Habe die Darstellung gefixt ^.^

Ausserdem habe ich mitlerweile einen Weg gefunden das Problem zu lösen:
Und zwar sieht die problematische Zeile nun wie folgt aus:

http.onreadystatechange = new Function('target','handleHttpResponse("'+target+'")');  

Vieleicht kann mir jemand erklären wofür in diesem Teil des Codes die erste variabele (target) gut ist.

Edit: Alles in allem ein wenig seltsam das dies Funktioniert da ich ja quasi die Funktion ein weiteres mal anlege oder nicht?
Edit2: Ich hatte mir schon alerts eingebaut. Allerdings hat mir das target von handleHttpResponse (undifined) zurückgegeben. Wenn ich allerdings direkt über Zeile 21 einen altert von target mache bekam ich den korrekten Wert.

Grüße

schau mal da: http://de.selfhtml.org/javascript/objekte/function.htm

http.onreadystatechange = function(target)
{
  if (http.readyState == 4) {
    if (http.responseText == undefined) {
      document.getElementById(target).innerHTML = '';  
    } else {
      document.getElementById(target).innerHTML = http.responseText;
    }
  }
}

Habe ich schon,
ich verstehe allerdings nicht warum das funktioniert. Da ich in meinem Workaround ja zwei mal die Funktion handleHttpResponse erstelle..

Grüße

s. mein letzter Beitrag.
Dazu fehlen Dir wohl noch etwas Kenntnisse zur Objekt Orientierten Programmierung in Javascript.

Du hattest die Funktion aufgerufen ... so wird die Funktion zugewiesen.