Zuweisen einer Callback-Funktion zu einer Variablen

Question

Ich übergebe eine Callback-Funktion wie unten, aber ich bin nicht in der Lage, diese Funktion aufzurufen, wenn onreadystatechange den Wert ändert, also request.onreadystatechange = func. Ich erhalte eine korrekte Antwort vom Server, wenn ich die Ajax-Anfrage aufruft, aber diese Methode wird nicht aufgerufen. Bitte beachten Sie, dass func als String übergeben, wenn ich getFromServer("http://localhost/ch02/checkName.php?username=sas","func")

function createRequest() { 
    try { 
     request = new XMLHttpRequest(); 
    } 
    catch (failed) { 
     request = null; } 
    finally { 
     return request; 
    } 
} 

function func(){ 
    alert("ok"); 
} 

function getFromServer(url,readystateCallback) { 
    request=createRequest(); 
    if (request == null) { 
     alert("unable to create request"); 
    } else { 
     request.open("GET", url, true); 
     var func= new Function (readystateCallback); 
     request.onreadystatechange = func; 
     request.send(null); 
    } 
    return request; 
} 

Answer 1

nennen Wenn die Funktion im globalen Bereich definiert ist, wird es dem window Objekt hinzugefügt werden, so dass Sie tun können:

var func = window[readystateCallback]; 

Aber anstatt davon abhängig zu sein, sollten Sie Ihr eigenes Objekt erstellen, das Funktionsnamen Funktionen zuordnet. Auf diese Weise können Sie auf Funktionen in einem lokalen Bereich zugreifen, und Sie können auch nicht versehentlich eine unerwartete Funktion als Rückruf aufrufen.

function func() { 
    alert("ok"); 
} 
function otherfunc() { 
    alert("really great"); 
} 
... 

var callbacks = { 
    "func": func, 
    "otherfunc": otherfunc, 
    ... 
} 

Dann können Sie tun:

function getFromServer(url,readystateCallback) { 
    request=createRequest(); 
    if (request == null) { 
     alert("unable to create request"); 
    } else { 
     request.open("GET", url, true); 
     var func= callbacks[readystateCallback]; 
     request.onreadystatechange = func; 
     request.send(null); 
    } 
    return request; 
} 

Aber die wirkliche, beste Lösung ist, nicht den Namen einer Funktion in erster Linie passieren. Einfach die Funktion selbst übergeben, so funktionieren praktisch alle Javascript-Interfaces, die Callbacks verwenden. So können Sie es auf diese Weise nennen sollte:

getFromServer("http://localhost/ch02/checkName.php?username=sas", func); 

Dann Sie einfach tun:

request.onreadystatechange = readystateCallback;