Javascript外部テキストを読み込む

javascriptをインクルードする

<script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js"></script>

テキストの内容を読み込む

外部テキストを読み込むといっても、同じドメイン内じゃないとだめです。
他のドメインからとってこようとすると、クロスドメインはダメというエラーが出てきてしまいます。

    var request = new XMLHttpRequest();
    request.open('GET', url, true);
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
                console.log(request.responseText);//読み込んだテキストの内容
            } else { 
                errorCallback(shaderurl );
            }
    };
    request.send(null);

コールバック関数を使う

getText = function(url) 
{
    var request = new XMLHttpRequest();
    request.onreadystatechange = function()
    {
        if (request.readyState == 4 && request.status == 200)
        {
            callback(request.responseText); // Another callback here
        }
    }; 
    request.open('GET', url);
    request.send();
}
 
function callback(data) {
   console.log(data);
}
 
getText('somephpfile.php', mycallback); //passing mycallback as a method

JQueryを使う

ajax関数

<script src="https://code.jquery.com/jquery.min.js"></script>
<script>
$.ajax({
    type: 'GET',
    url: 'http://miffysora.wdfiles.com/local--files/vertex-shader/uv-vertex-shader.js',
    dataType: 'text',
    success: function(data) {
          console.log(typeof(data));
          console.log(data);
    }
});
</script>

get関数

[[html]]
<script src="https://code.jquery.com/jquery.min.js"></script>
<script>
$.get( "http://miffysora.wdfiles.com/local--files/vertex-shader/uv-vertex-shader.js", function( data ) {
  console.log(data);
},"text");
</script>
[[/html]]

日本語テキスト読み込んだときに文字化けする問題が私的に未解決。。。

サポートサイト Wikidot.com