присвоение функции обратного вызова переменной

Question

Я передаю функцию обратного вызова, как показано ниже, но я не могу вызвать эту функцию, когда onreadystatechange изменяет значение i.e. request.onreadystatechange = func. Я получаю правильный ответ от сервера, когда я вызываю запрос ajax, но этот метод func не вызван. Обратите внимание, что функ передается в виде строки, когда я называю 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

Если функция определена в глобальном масштабе, он будет добавлен к window объекта, так что вы можете сделать:

var func = window[readystateCallback]; 

Но вместо этого вы должны создать свой собственный объект, который сопоставляет имена функций функциям. Таким образом, вы можете получить доступ к функциям в локальной области, и вы также не можете непреднамеренно вызвать некоторую неожиданную функцию в качестве обратного вызова.

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

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

Тогда вы можете сделать:

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; 
} 

Но реальное, самое лучшее решение не передавать имя функции в первую очередь. Просто передайте эту функцию, так как практически все интерфейсы Javascript, которые используют обратные вызовы, работают. Таким образом, вы должны назвать это таким образом:

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

Тогда вы просто сделать:

request.onreadystatechange = readystateCallback;