Question

var parseResponse = function() {
    var data = JSON.parse(this.response);
    console.log (data);

    var head = "Cheapest Flight to " + document.getElementById('search_term1').value;
    var bodystuff = document.createElement('h4');
    bodystuff.innerHTML = head;
    document.getElementById('right1').appendChild(bodystuff);

    for (var i=0; i<data.results.length; i++) {
        try {
            var printDeparture = "Depart: " +
                  data.results[i].itineraries[i].outbound.flights[i].departs_at;

            var bodystuff = document.createElement('p');
            bodystuff.innerHTML = printDeparture;
            document.getElementById('right1').appendChild(bodystuff);

            console.log(printDeparture);
        } catch (err) {
            console.log(data.results[i]);
        }
    }
}

我试图将每个结果打印在一个单独的div中（目前我有3个结果）但是只能打印出三个中的第一个，我试图在每个结果中增加[i]，并改变了＆＃34; right1＆＃34;到＆＃34; left1＆＃34;但没有任何反应。有什么帮助吗？

这是我的HTML代码;

<div class="wrap">
    <div class="left">
        <img src="Assets/China.png" class="pics">
    </div>
    <div class="right" id="right1">
    </div>
</div>

<div class="wrap">
    <div class="left" id="left1">   
    </div>
    <div class="right" >
        <img src="Assets/hotel.jpg" class="pics">
    </div>
</div>

以下是我从API返回的结果：宾语结果：阵列[3] 0 ：宾语 1 ：宾语 2 ：宾语（希望它有意义）

在JavaScript循环中显示不同div的结果

0 个答案: