Comment obtenir les données json à partir d'un fichier js distinct dans le fichier js principal

Question

Dans mon projet, je voulais séparer les données des fichiers templates et main.js. Par exemple,

dans mes data.js:

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

dans mes main.js,

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

Cela fonctionne et je reçois le résultat escompté sur la console. De même, je voulais faire un appel api et obtenir les données JSON donc je mis à jour mes data.js comme ci-dessous,

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

mais, je ne reçois pas les données JSON sur main.js de l'appel API, je get "l'objet de données est: undefined".

Je ne suis pas sûr comment obtenir le "someData" sur le fichier main.js.

Toute aide indiquant la solution possible est très appréciée. Merci.

Answer 1

Vous ne pouvez pas effectuer d'appels de serveur et charger des fichiers via requireJS. Vous devriez utiliser des appels ajax pour le faire. Vous pouvez utiliser la méthode getJSON de jQuery. E.g.

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

Answer 2

Merci à tous d'avoir pris un coup à mon problème! J'ai été capable de faire fonctionner cela en utilisant un plugin 'async'. Fondamentalement, j'ai posté mon problème sur Google Groupe aussi bien et j'ai reçu une réponse, voici l'URL pour plus d'informations, https://groups.google.com/forum/?fromgroups=#!topic/requirejs/39rieY2ZovE

espérons que cela aide à tous.

Merci. radiant

Answer 3

Consultez le RequireJS plugins.

Pour les données JSON, vous modifiez le besoin de

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