1 pièce(s) jointe(s)
La réponse de l’API avec NodJs n’affiche aucun résultat avec console.log
Bonjour
J'ai un formulaire qui envoie des données à un serveur NodeJs avec Express.js en utilisant fetch. Du côté client, lorsque je veux afficher les résultats de l'appel d'extraction une fois l'opération terminée, rien ne s'affiche (et il n'atteint jamais le rappel de données). Je reçois un message d'erreur (TypeError: NetworkError when attempting to fetch resource.), mais je sais que les données ont bien été envoyées au serveur.
JS file :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
| 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:'https://farol.per.ath/',
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); |
Jade File :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
| extends layout
block headcontent
link(rel='stylesheet', href='/stylesheets/external/leaflet.css')
link(rel='stylesheet', href='/stylesheets/external/leaflet-ruler.css')
link(rel='stylesheet', href='/stylesheets/external/MousePosition.css')
link(rel='stylesheet', href='/stylesheets/per/custom_popup.css')
link(rel='stylesheet', href='/stylesheets/external/jquery-ui.min.css')
link(rel='stylesheet', href='/stylesheets/external/sidenavi-left.css')
link(rel='stylesheet', href='/stylesheets/external/timepicker.css')
link(rel='stylesheet', href='/stylesheets/external/Control.FullScreen.css')
link(rel='stylesheet', href='/stylesheets/external/leaflet-slider.css')
//link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css')
link(rel='stylesheet', href='/stylesheets/external/L.Control.SlideMenu.css')
link(rel='stylesheet', href='/stylesheets/external/L.Control.MousePosition.css')
link(rel='stylesheet', href='/stylesheets/external/bootstrap.min.css')
//link(href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet" type="text/css")
link(href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", rel="stylesheet", integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN", crossorigin="anonymous")
link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css')
//link(rel='stylesheet', href='https://code.jquery.com/jquery-3.3.1.min.css')
link(rel='stylesheet', href='/stylesheets/external/tabulator.min.css')
script(src='https://code.jquery.com/jquery-1.12.4.min.js')
script(src='https://code.jquery.com/jquery-2.2.4.min.js')
script(src='/javascripts/external/SideNavi.js')
script(src='/javascripts/external/leaflet.js')
script(src='/javascripts/external/leaflet-slider.js')
script(src='/javascripts/external/jquery.preloaders.js')
script(src='/javascripts/external/jquery-ui.min.js')
script(src='/javascripts/external/popper.js')
script(src='/javascripts/external/bootstrap.min.js')
script(src='/javascripts/external/leaflet-simple-map-screenshoter.js')
script(src='/javascripts/external/mousetrap.min.js')
script(src='/javascripts/external/L.Control.MousePosition.js')
script(src='/javascripts/external/leaflet-ruler.js')
script(src='/javascripts/external/jquery.timepicker.js')
script(src='/javascripts/external/d3.v3.js')
script(src='/javascripts/external/Control.FullScreen.js')
script(src='/javascripts/external/tabulator.min.js')
block content
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
// sidenavi menu //
.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(type="button" class="btn btn-sm form-submit" id="prev" value="prev") <
button(class='btn btn-primary btn-success form-submit' type='submit' value ="btt" id='current') Go
button(type="button" class="btn btn-sm form-submit" id="next" value="next") > |
Pièce jointe 514164
Merci pour l'aide ;)