json - 如何从单独的 js 文件中获取 json 数据到主 js 文件

Question

在我的项目中，我希望将数据与模板和 main.js 文件分开。例如，

在我的 data.js 中:

define({
    heading: "Some Heading",
    subHeading : "Subheading is cool"
});

在我的 main.js 中，

require(['jquery', 'data'], function($, data){
       console.log("data object is :" + data);
);

这有效，我在控制台上得到了预期的结果。同样，我想进行 api 调用并获取 json 数据，因此我更新了 data.js，如下所示，

define(function(){
    require(["http://some api url.com?apikey=apikey&callback=define"],
        function (someData) {
           return someData;     
        }
     );
});

但是，我没有从 API 调用中获取 main.js 上的 json 数据，我得到“ 数据对象是:未定义 ”。

我不确定如何在 main.js 文件中获取“someData”。

任何指向可能修复的帮助都非常感谢。谢谢。

Answer 1

您不能通过 requireJS 进行服务器调用和加载文件。您应该使用 ajax 调用来执行此操作。您可以使用 getJSON jQuery 的方法。
例如。

$.getJSON("http://some api url.com?apikey=apikey",function (someData) {
       //perform the calculations needed with someData here
       console.log(someData);     
});