У меня есть форма, которая отправляет данные на сервер nodeJs с Express.js, используя fetch. На стороне клиента, когда я хочу просмотреть результаты вызова выборки после завершения операции, ничего не отображается (и оно никогда не достигает отзыва данных). Я получаю сообщение об ошибке (TypeError: NetworkError при попытке извлечь ресурс.), Но я знаю, что данные были отправлены на сервер.
Jade File:
div(class="container-fluid" id="top" )
div(class="row pb-2")
div(id="mapid" class="custom-popup" style="position: fixed; width: 100%; height: 95%;")
#sideNavi
.side-navi-item-default
.side-navi-item.item1
div Set 1
.side-navi-item.item2
div Set 2
.side-navi-item.item3
div Set 3
// sidenavi data //
.side-navi-data
.side-navi-tab
.row
h5.display-6 Select the flights
ul#myTab.nav.nav-tabs.tab
li.nav-item
a#standard-tab.nav-link.active(data-toggle='tab' href='#standard' role='tab' aria-controls='standard' aria-selected='true') Standard Criteria
li.nav-item
a#advanced-tab.nav-link(data-toggle='tab' href='#advanced' role='tab' aria-controls='advanced' aria-selected='false') Advanced Criteria
li.nav-item
a#ifps-tab.nav-link(data-toggle='tab' href='#ifps' role='tab' aria-controls='ifps' aria-selected='false') IFPS-ID Criteria
#myTabContent.tab-content
#standard.tab-pane.fade.show.active(role='tabpanel' aria-labelledby='standard-tab')
table.TabFiltre1
form(id="formparm")
tbody
tr
div.form-group
td
input(class='form-control datepicker' type='text' id='date')
tr
div.form-group
td
input(class='form-control' type='text' id='depart', placeholder='LFPG, LFPO')
tr
div.form-group
td
input(class='form-control' type='text' id='arrivee', placeholder='LFPG, LFPO')
tr
div.form-group
td
input(class='form-control' type='text' id='callsign' ,placeholder='AFR*')
tr
div.form-group
td
button(class='btn btn-primary btn-success form-submit' type='submit' value ="btt" id='current') Go
JS файл:
function trajDisplay2() {
balMarkers = [];
airports = [];
airport_names = [];
var date2 = $("#date").val().split('/').reverse().join("");
var callsignField2 = $('#callsign');
var departField2 = $('#depart');
var arriveeField2 = $('#arrivee');
var trajRequest2 = '/api/data/v3/traj' + '/cpr' + '?';
var trajParams2 = $.param({
'ddebut': date2,
'callsign': callsignField2.val().toUpperCase(),
'fields': ['callsign', 'acft'].toString(),
'dep': departField2.val().toUpperCase() ,
'arr': arriveeField2.val().toUpperCase(),
'pp': ['coord', 'alti', 'time'].toString(),
});
fetch(trajRequest2 + trajParams2, {
origin:'*',
mode:'cors',
credentials: 'include'
})
.then(function(resp) {
if (!response.ok) {
throw Error(response.statusText);
} return resp.json();
})
.then(function(json) {
var trajid2, callsign2, bal2, sect2, time2, distance2, alti2;
var all_data2 = json.list;
dataTrajfilter2 = all_data2;
console.log(dataTrajfilter2);
Журнал сервера:
apis_1 | GET /api/data/v3/traj/cpr?ddebut=20190805&callsign=&fields=callsign%2Cacft&dep=LFPO&arr=&pp=coord%2Calti%2Ctime 200 306.669 ms - 2438667