Mootools Request.HTMLは未定義を返します

Question

私はアプリケーションのスクリプト部分（AutoWWW）でMootoolsを動的にロードしています。これは直接HTMLを使用できないためです。

私はRequest.HTMLを使用していますが、ページのhtmlを取得したいのですが、「未定義」メッセージを返します。どうすればこの問題を解決できますか？

マイコード：

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つのことがあります。 1つはCORSの制限ですが、もう1つは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); 
 
});