Jquery 如何将ajax数据附加到html div url=url+calsign+“&dept=“+deptString+”&dest=“+destString+”&deptDate=“+flightdate+”&deptime=“+flighttime+”&flighttime=“+flyingtime+”&pilot=“++'Mani'+”:“++'Gnana”+”+&copilot=“++'Mani'+”:“++'Gnana; $.get(url、函数(数据){ $。每个(数据、功能(i、项){ var div='
运输开始时间='+data[i]['TRANSPORT\u Start\u Time'];+'报告开始时间='+data[i]['Reporting\u Start\u Time'];+'阻塞关闭时间='+data[i]['Chocks\u Off\u Time'];+'阻塞准时='+data[i]['Chocks\u On\u On\u Time'];+'+Duty结束时间[[i]+Duty][Duty]航班数据[飞行时间];+'飞行值班期='+数据[i][飞行值班期];+'休息期开始时间='+数据[i][休息期开始时间];+'最短休息时间='+数据[i][最短休息时间];+'下一次运输开始时间='+数据[i][“下一次运输开始时间”];报告时间]下一次最早起飞时间++数据[i][“下一次最早起飞时间”];+”最后一次着陆时间=“+数据[i][“最后一次着陆时间”];+”; $('摘要')。追加(div); }); }).fail(函数(){ console.log(“加载失败”); }).done(函数(){ console.log(“加载成功”); });Jquery 如何将ajax数据附加到html div url=url+calsign+“&dept=“+deptString+”&dest=“+destString+”&deptDate=“+flightdate+”&deptime=“+flighttime+”&flighttime=“+flyingtime+”&pilot=“++'Mani'+”:“++'Gnana”+”+&copilot=“++'Mani'+”:“++'Gnana; $.get(url、函数(数据){ $。每个(数据、功能(i、项){ var div=',jquery,html,ajax,Jquery,Html,Ajax,运输开始时间='+data[i]['TRANSPORT\u Start\u Time'];+'报告开始时间='+data[i]['Reporting\u Start\u Time'];+'阻塞关闭时间='+data[i]['Chocks\u Off\u Time'];+'阻塞准时='+data[i]['Chocks\u On\u On\u Time'];+'+Duty结束时间[[i]+Duty][Duty]航班数据[飞行时间];+'飞行值班期='+数据[i][飞行值班期];+'休息期开始时间='
我试图在html中附加一个div,它有数据响应,可以通过控制台日志单独查看数据,但无法将所有数据附加到html中,只有第一个数据打印为(
传输开始时间='+data[I]['TRANSPORT\u Start\u Time'];+
/p>)rest值未打印,请帮助我解决此问题,提前感谢问题在于div元素的构造您使用单引号作为主字符串,双引号作为属性值。引号不匹配正在发生,因此它不被视为有效的html
请按如下方式构造html:
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");
});
var div='运输开始时间='+data[i][“运输开始时间”]
+“报告开始时间=”+数据[i][“报告开始时间”]+
“Chocks Off Time=”+数据[i][“Chocks Off\u Time”]
+“Chocks On Time=”+数据[i][“Chocks_On_Time”]
+“+任务结束时间=”+数据[i][“任务结束时间”]
+“飞行时间=”+数据[i][“飞行时间”]
+“航班值勤期=”+数据[i][“航班值勤期”]
+“休息期开始时间=”
+数据[i][“休息时间\开始时间”]
+“最低休息时间”
+数据[i][“最低休息时间”]
+“下一次运输开始时间”
+数据[i][“下一次启动时间”]
+“下次报告时间”
+数据[i][“下一次报告时间”]
+“下一次最早起飞”
+数据[i][“下一次最早起飞”]+”上次着陆时间
+数据[i][“上次着陆时间”];+';
你看到你的问题是如何显示的吗?你先看清楚了吗?先看一下。很抱歉,一直如此匆忙,你能告诉我怎么做吗?看编辑,伙计。好的,谢谢你,请告诉我怎么做?我不确定。所以让别人帮你回答。尽管我用了doubl我无法打印值,
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>;';