Mootools Request.HTML возвращает undefined

Question

Я загружаю Mootools динамически в часть сценария приложения (AutoWWW), потому что он не позволяет напрямую использовать HTML.

Я использую Request.HTML и хочу получить html страницы, но он возвращает сообщение «undefined». Как я могу это исправить?

Мой код:

function loadScript(url, callback) { 
    // Adding the script tag to the head as suggested before 
    var head = document.getElementsByTagName('head')[0]; 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = url; 

    // Then bind the event to the callback function. 
    // There are several events for cross browser compatibility. 
    script.onreadystatechange = callback; 
    script.onload = callback; 

    // Fire the loading 
    head.appendChild(script); 
} 

var mootools = new Request({ 
    url: 'http://google.com', 
    method: 'get', 
    onSuccess: function(responseText){ 
     alert(responseText); 
    } 
}); 

loadScript("https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js", mootools); 

Answer 1

Есть 2 вещи, которые вы должны принимать во внимание. Один из возможных ограничений CORS, другой - то, что когда вы делаете head.appendChild(script);, он будет загружать сценарий асинхронно.

Это означает, что MooTools будет загружен, но он будет недоступен до тех пор, пока не вызывается функция callback. Чтобы исправить это, вы должны иметь обратный вызов внутри функции loadScript, и изнутри этот обратный вызов вызывает другой обратный вызов, который был передан как аргумент функции.

function loadScript(url, callback) { 
 
    // Adding the script tag to the head as suggested before 
 
    var head = document.getElementsByTagName('head')[0]; 
 
    var script = document.createElement('script'); 
 
    script.type = 'text/javascript'; 
 

 
    script.onreadystatechange = callback; 
 
    script.onload = function() { 
 
    new Request({ 
 
     url: 'https://jsonplaceholder.typicode.com/posts/1', 
 
     method: 'get', 
 
     onSuccess: callback 
 
    }).send(); 
 
    }; 
 
    script.src = url; 
 

 
    head.appendChild(script); 
 
} 
 

 
loadScript("https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js", function(text) { 
 
    alert(text); 
 
});