如何從單獨的js文件獲取json數據到主js文件

在我的項目中，我希望將數據與模板和main.js文件分開。例如，如何從單獨的js文件獲取json數據到主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數據，我得到「數據對象是：undefined」。

我不知道如何獲得main.js文件中的「someData」。

任何幫助指出可能的修復是高度讚賞。謝謝。

來源

2012-11-28 radiant

您無法通過requireJS進行服務器調用和加載文件。你應該使用ajax調用來做到這一點。你可以使用jQuery的getJSON方法。例如

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

來源

2012-11-28 11:48:41 janith

感謝Janith。嘗試了這種方法，但是我無法訪問主「js文件」someData「，仍然得到'undefined':( – radiant

我的不好，修改了答案.. – janith

感謝您的時間。我正在考慮不執行任何對數據js文件採取行動，並簡單地在主js文件上獲取json對象，然後在那裏執行操作 - 例如獲取模板並從數據js獲取json並呈現給html。 – radiant

感謝所有對我的問題刺！我已經能夠使用插件'異步'來實現這個工作。基本上，我發佈我的問題谷歌集團，以及我收到了答覆，這裏是更多信息的網址， https://groups.google.com/forum/?fromgroups=#!topic/requirejs/39rieY2ZovE

希望這對大家有所幫助。

謝謝。輻射

來源

2012-12-04 15:09:12 radiant

查看RequireJS plugins。

對於JSON數據，更改需要對

require([`json!http://some api url.com?apikey=apikey&callback=define`], 
     function(someData){ 
      // do something 
     });

來源

2014-01-22 13:58:08

如何從單獨的js文件獲取json數據到主js文件

回答

相關問題