从另一个域

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?