相关疑难解决方法(0)

我有这个代码:

var graphicDataUrl = 'templating/graphic-data.json';
var webDataUrl = 'templating/web-data.json';
var templateHtml = 'templating/templating.html';
var viewG = $('#view-graphic');
var viewW = $('#view-web');

$.getJSON(dataUrls, function(data) {
    $.get(templateHtml, function(template) {
        template = Handlebars.compile(template);
        var example = template({ works: data });        
        viewG.html(example);
        viewW.html(example);
    }); 
});

调用两个dataUrl JSON并使用它们的数据以便在我的页面上的两个不同div(#viewW和#viewW)中显示它们的最佳方法是什么？

我有一个循环,它调用API并将结果编译成一个数组.如何完成所有调用直到恢复执行为止？我看到一堆答案如何等待一个电话完成,但我不明白如何检查所有这些.如果我做一个while循环,等待'obj'是正确的长度,页面就会停止,直到调用完成,这不是我想要的.请帮忙？

function getData(id) {
    var thisI = i;
    var url = "www.whatever.com?id=" + id;
    $.getJSON(url, function(data) {
        obj[thisI]=data;
    });
}

obj = [];
for (i=0; i < ids.length; i++) {
    getData(ids[i]);
}

console.log(obj)  //this works! I see all of the elements
document.getElementById("txt").innerHTML=obj[0]['field'];  //TypeError: obj[0] is undefined