從另一個域

Question

在Chrome控制檯獲得JSON對象，我能夠執行下面就我的另一個域中找到JavaScript函數：

(function() { 
    var scr = document.createElement('script'); 
    scr.src = 'https://www.myawesomedomain.com/test.js'; 
    document.head.appendChild(scr); 
    scr.onload = function(){ 
     myfunc(); 
    }; 
})() 

凡test.js具有下面的代碼：

let myfunc = function() { 
    alert ('you are awesome'); 
} 

迄今爲止都不錯！

現在我有叫同一個域中的其他文件myjson.json具有以下內容：

{"message":"you are awesome!"} 

，我想修改最初的代碼中提取先前的JSON值，並做了的console.log。我嘗試了下面的代碼，但是由於某種原因它不起作用：

(function() { 
    var scr = document.createElement('script'); 
    scr.type = 'application/json'; 
    scr.src = 'https://www.myawesomedomain.com/myjson.json'; 
    document.head.appendChild(scr); 
    scr.onload = function(){ 
     console.log(scr.message); 
    }; 
})() 

這個。 問題：

我在上面的代碼中做了一些基本的錯誤嗎？我一直在這裏呆了一段時間，悲傷。

Answer 1

你需要收集你的函數內響應，這樣的事情，用ajax：

$.getJSON("https://www.myawesomedomain.com/myjson.json", function(result){ 
      console.log(result) 
      }); 
     }); 

收集的結果作爲函數的參數是非常重要的。

更新

如果你要堅持你的方法：

<script type="text/javascript"> 
     $(document).ready(function() { 
     var scr = document.createElement('script'); 
     scr.type = 'application/json'; 
     scr.src = 'https://www.myawesomedomain.com/myjson.json'; 
     scr.onload = myFunction() 
     document.head.appendChild(scr); 
     }) 

     function myFunction() { 
      console.log($(this).message) 
     } 
</script> 

這似乎是工作。你的代碼不工作的原因是你不能動態地嵌入靜態調用。換句話說，你在動態地嵌入一個腳本，然後你需要一個預定義的函數，onload會調用它。正如我在評論中所說的，你的onload沒有被調用。

**更新2 **

雖然上面的代碼調用的onload功能，它可能無法達到你正在嘗試做的。這是不可能的，因爲它打開了一個巨大的安全漏洞。

來源：Read response of a file called with script src tag from external sever

How to access plain text content retrieved via <script type="text/plain" src=...> in JavaScript?