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 如何将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][飞行值班期];+'休息期开始时间='

运输开始时间='+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(“加载成功”); });
我试图在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>;';