2013-08-07 5 views
-1

J'ai ce apiréponse Obtenir de api

https://api.flightstats.com/flex/flightstatus/rest/v2/xml/route/status/LHR/MAN/arr/2013/08/06?appId=ID&appKey=KEY&hourOfDay=0&numHours=24&utc=false&maxFlights=5

Il renvoie une réponse dans un format XML. Ceci est une réponse d'échantillon.

<flightStatus> 
<flightId>305133622</flightId> 
<carrierFsCode>BA</carrierFsCode> 
<flightNumber>1382</flightNumber> 
<departureAirportFsCode>LHR</departureAirportFsCode> 
<arrivalAirportFsCode>MAN</arrivalAirportFsCode> 
<departureDate> 
<dateLocal>2013-08-06T06:30:00.000</dateLocal> 
<dateUtc>2013-08-06T05:30:00.000Z</dateUtc> 
</departureDate> 

Je veux afficher le numéro de vol et l'heure d'arrivée en html. Comment s'y prendre?

L'extrait de code provient de la réponse; ce n'est pas un fichier xml que j'ai.

C'est ce que j'ai essayé.

<script> 
function getResponse() 
     { 


      $.ajax({ 
      type: 'POST', 
      url: 'https://api.flightstats.com/flex/flightstatus/rest/v2/xml/route/status/LHR/MAN/arr/2013/08/06?appId=ID&appKey=KEY&hourOfDay=0&numHours=24&utc=false&maxFlights=5', 
      data: {}, 
      dataType: 'xml', 
      success: function(data) 
      { $("display").html(data); }, 
      error: function() { alert('something bad happened'); } 
      }); 

     }  
</script> 
+1

ce que dit votre console? – Akki619

+0

rien ... je clique sur un bouton et onClick ("getResponse") il n'affiche rien. J'ai aussi essayé votre code édité dans la réponse ... toujours rien. @ Akki619 – Kira

+0

Basé sur l'interaction avec cette URL, il est plutôt improbable que la console ne dise rien. – Quentin

Répondre

1
$.ajax({ 
       type: "GET",    
       url: URL,    
       dataType: "jsonp", 
       error: function (response) {   
         alert('Error: There was a problem processing your request, please refresh the browser and try again'); 
       }, 
       success: function (response) { 
      console.log(response); 
       } 
     }); 

J'y ai travaillé et jsonp semble être la voie à suivre !!

Merci pour l'aide @Quentin @ Akki619

-3

Il y a beaucoup de solutions là-bas. S'il vous plaît faites votre recherche avant de poster une question ... Pour l'instant voici un bon exemple de W3 écoles pour vous aider à démarrer.

w3schools Example

Quelque chose comme ça .....

var URL =" https://api.flightstats.com/flex/flightstatus/rest/v2/xml/route/status/LHR/MAN/arr/2013/08/06?appId=ID&appKey=KEY&hourOfDay=0&numHours=24&utc=false&maxFlights=5"; 

if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.open("GET",URL,false); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML; 
+0

xmlhttp.open ("GET", "cd_catalog.xml", false); Est-ce que cela fonctionnera avec le lien ci-dessus; Je pensais que cela ne fonctionnera que si nous avons un fichier XML avec nous. Je n'ai pas de fichier xml avec moi. @ Akki619 – Kira

+0

Vous avez déjà obtenu les données au format XML, il vous suffit de mettre en œuvre la logique d'affichage de l'exemple. Essayez de comprendre l'exemple, comment cela fonctionne et ce que vous devez changer ... – Akki619

+0

Je veux afficher la réponse que le lien ne me donne pas un fichier xml que j'ai avec moi. J'ai essayé ce que tu as déjà dit que ça ne marche que si j'ai le fichier xml avec moi. Je dois envoyer une demande à l'API ci-dessus et obtenir le résultat de celui-ci; pas seulement ouvrir un fichier xml. @ Akki619 – Kira