如何追加Ajax數據到html div

-4

url=url+calsign+"&dept="+deptString+"&dest="+destString+"&deptDate="+flightdate+"&deptTime="+flighttime+"&flightTime="+flyingtime+"&pilot="+'Mani'+":"+'Gnana'+"+&copilot="+'Mani'+":"+'Gnana'+"&crew="+'Mani'+":"+'Gnana'+"&userName="+user; 
$.get(url, function(data) { 
$.each(data, function(i, item) { 
var div = '<div class="row" id="flightsummary"><div class="col-md-6"><div class="summary"><p> Transportation Start Time ='+data[i]['TRANSPORT_START_TIME'];+'</p><p> Reporting Start Time ='+data[i]['REPORTING_START_TIME'];+'</p><p> Chocks Off Time ='+data[i]['CHOCKS_OFF_TIME'];+'</p><p> Chocks On Time ='+data[i]['CHOCKS_ON_TIME'];+'</p><p>+Duty End Time ='+data[i]['DUTY_END_TIME'];+'</p><p> Flight Time ='+ data[i]['FLIGHT_TIME'];+'</p><p> Flight Duty Period ='+data[i]['FLIGHT_DUTY_PERIOD'];+'</p></p></div></div><div class="col-md-6"><div class="summary summary-right"><p> Rest Period Start Time ='+data[i]['REST_PERIOD_START_TIME'];+'</p><p> Minimum Rest Hours ='+data[i]['MINIMUM_REST_HOURS'];+'</p><p> Next Transportation Start Time <span class="calendar"></span> ='+data[i]['NEXT_TRNS_START_TIME'];+'</p><p> Next Reporting Time <span class="calendar"></span> ='+data[i]['NEXT_REPORTING_TIME'];+'</p><p> Next Earliest Take Off <span class="calendar"></span> ='+data[i]['NEXT_EARLIEST_TAKE_OFF'];+'</p><p> Last Landing Time <span class="calendar"></span> ='+data[i]['LAST_LANDING_TIME'];+'</p></div></div></div>;'; 

       $('#summary').append(div); 
}); 



     }).fail(function() { 
      console.log("failed to load"); 
     }).done(function() { 
      console.log("success to load"); 
     });

我想追加一個div到有數據響應的html，能夠單獨通過控制檯日誌查看數據，但無法將所有數據追加到html，只有第一個數據被打印成（如何追加Ajax數據到html div

Transportation Start Time ='+data[i]['TRANSPORT_START_TIME'];+

）其餘值不打印，請幫我解決這個問題，在此先感謝

來源

2015-09-22 vetukuri gnanadeep

你看如何顯示您的問題嗎？首先** ** **是可讀性和可理解性的嗎？先看** [遊覽] **。 –

抱歉，匆忙保持這樣的狀態，你能告訴我該怎麼做嗎???????? –

看到編輯，好友。 –

問題是你用單引號作爲主串和雙引號的屬性值div元素建設。引號不匹配正在發生，因此它不被視爲有效的html。

請構造HTML象下面這樣：

 var div = '<div class="row" id="flightsummary"><div class="col-md-6"><div class="summary"><p> Transportation Start Time =' + data[i]["TRANSPORT_START_TIME"] 
    + '</p><p> Reporting Start Time =' + data[i]["REPORTING_START_TIME"] + 
     '</p><p> Chocks Off Time =' + data[i]["CHOCKS_OFF_TIME"] 
    + '</p><p> Chocks On Time =' + data[i]["CHOCKS_ON_TIME"] 
     + '</p><p>+Duty End Time =' + data[i]["DUTY_END_TIME"] 
     + '</p><p> Flight Time =' + data[i]["FLIGHT_TIME"] 
     + '</p><p> Flight Duty Period =' + data[i]["FLIGHT_DUTY_PERIOD"] 
     + '</p></p></div></div><div class="col-md-6"><div class="summary summary-right"><p> Rest Period Start Time =' 
     + data[i]["REST_PERIOD_START_TIME"] 
     + '</p><p> Minimum Rest Hours =' 
     + data[i]["MINIMUM_REST_HOURS"] 
     + '</p><p> Next Transportation Start Time <span class="calendar"></span> =' 
     + data[i]["NEXT_TRNS_START_TIME"] 
     + '</p><p> Next Reporting Time <span class="calendar"></span> =' 
     + data[i]["NEXT_REPORTING_TIME"] 
     + '</p><p> Next Earliest Take Off <span class="calendar"></span> =' 
     + data[i]["NEXT_EARLIEST_TAKE_OFF"] + '</p><p> Last Landing Time <span class="calendar"></span> =' 
     + data[i]["LAST_LANDING_TIME"]; +'</p></div></div></div>;';

來源

2015-09-22 10:44:18

儘管我用雙引號無法打印值， –

請通過我編輯的答案 –

已解決，非常感謝 –

如何追加Ajax數據到html div

回答

相關問題