私は非同期 Javascript 呼び出しを初めて使用するので、getJSON 呼び出しによって変更された特定のオブジェクトのデータにアクセスする方法を理解するのに苦労しています。
空の配列 (単語) と mainMethod と subMethod を持つオブジェクトがあります。mainMethod は JSON を取得し、JSON データに基づいて subMethod を複数回呼び出します。subMethod は別の JSON ファイルにアクセスし、それを使用してオブジェクトの空の配列 (単語) を設定します。
オブジェクトを作成するときは、mainMethod を呼び出します。オブジェクトの配列を取得したいのですが、JSON 呼び出しによってデータが取り込まれた後でのみです。
遅延メソッドなどで何かをしなければならないことはわかっていますが、呼び出しで空の配列を取得し続けます。どうすればいいですか?ありがとう!
オブジェクトのコード:
function Something(numTerms){
var self=this;
this.words=[];
this.wordsNeeded=numTerms;
this.mainMethod = function(){
$.getJSON("external JSON url", function(data) {
var setIds=self.getDifferentSets(data, self.wordsNeeded).ids;
for(var i=0; i<setIds.length; i++){
self.subMethod(setIds[i]);
}
});
}
this.getDifferentSets= function(data, num){
var obj= {};
obj.ids=[];
obj.wordsFound=0;
var currSet=0;
while(obj.wordsFound<num){
obj.ids.push(data.sets[currSet].id);
obj.wordsFound+=data.sets[currSet].term_count;
currSet++;
}
return obj;
}
this.subMethod= function(id){
$.getJSON("some other external JSON url", function(data) {
var numberTerms= data.terms.length;
var terms=[];
if(self.wordsNeeded<numberTerms) numberTerms=self.wordsNeeded;
for(var i=0;i<numberTerms;i++){
var word= new Object();
word.term=data.terms[i].term;
word.definition=data.terms[i].definition;
terms.push(word);
}
for(var i=0;i<terms.length;i++){
var word= {"term":terms[i].term, "definition":terms[i].definition};
self.words.push(word); //Changing the object's variable
}
self.wordsNeeded-=numberTerms;
});
}
}
オブジェクトの作成:
$(document).ready(function(){
$("#fetch_button").click(function(){
var num=Number($("#numTerms").val());
var some= new Something(num);
some.mainMethod();
var words=some.words; //How can I get the final value of some.words AFTER it has been changed by the JSON calls?
});
})