Accéder à un fichier CSV via une API avec AJAX

Version imprimable

18/07/2016, 09h14
sonica

Accéder à un fichier CSV via une API avec AJAX

Bonjour,

J'aimerai savoir si il est possible de télécharger un fichier CSV, accessible uniquement via une API. Je peux récupérer les fichiers de cette API uniquement par URL. Après avoir récupéré ce fichier je dois l'utiliser pour générer des graphiques (Highcharts).

Pour ce faire, je souhaite utiliser directement Ajax, je ne peux pas passer par un autre langage côté back end.
L'API est sur un autre serveur ce qui complique les choses avec le Cross-domain.

Avez-vous une solution ?

Je suis conscient que c'est peut être impossible.

Merci d'avance,

Sonica
18/07/2016, 13h01
thelvin

Hello,

ça dépend tout simplement si cette API autorise le cross-domain. On se fiche complètement que ce soit du CSV, du XML ou un dump de wikipédia.

Si elle autorise le cross-domain, alors la solution est de lire par quel moyen elle autorise le cross-domain, et faire ça.
Sinon, c'est impossible. (Enfin, tu dois t'arranger pour que tous tes visiteurs installent une extension navigateur que tu as fait toi-même et qui vire les protections cross-domain, quoi. Pas totalement totalement impossible, mais bon.)
18/07/2016, 17h02
sonica

Salut,

Merci de t'as réponse thelvin.

Oui je pense qu'elle autorise le cross-domain car j'ai pu récupérer des données au format XML.

Mais le soucis c'est que lorsque je fais mon appel Ajax vers un fichier CSV de cette API je ne récupère pas le contenu du fichier. J'ai regardé dans Firebug pour vérifier que ma requête est bien fonctionné, j'ai bien "200 OK" mais en corps de la réponse je n'ai rien, c'est vide.

Est-il vraiment possible d’accéder au contenu d'un fichier csv distant via Ajax ?
19/07/2016, 21h49
mathieu

Citation:

Envoyé par sonica

Oui je pense qu'elle autorise le cross-domain car j'ai pu récupérer des données au format XML.

la requête directe ne peut pas vérifier les domaines autorisés donc cela ne prouve pas que ça devrait fonctionner avec AJAX

Pour vérifier les autorisations, regardez la console de développement pour la requête AJAX et regardez s'il y a un entête Access-Control-Allow-Origin dans la réponse.
20/07/2016, 11h17
sonica

Salut,

Oui Mathieu elle autorise le cross-domain, Il y'a "Access-Control-Allow-Origin : * " dans le corps de la réponse.
Mais je comprends pas pourquoi je ne peux pas accéder au contenu du fichier CSV.
20/07/2016, 11h35
thelvin

On ne va pas deviner sans code, mais par exemple,

avec XMLHttpRequest pour récupérer du CSV et non pas du XML, il faut aller lire responseText ou response tout court mais jamais responseXML. C'est à dire faire l'inverse que pour lire du XML.

Mais ce n'est qu'une piste de ce qui peut se passer.
Je me répète, on va pas deviner sans code, et au fond ça aurait été plus productif de nous montrer l'API.

Oui je peux vous montrer mon code mais je veux juste avoir un exemple de code ou une piste comme tu me l'as donnée Thelvin.
Voici mon code j'ai essayé deux méthodes mais elles donnent le même résultat.

Code:

1
2
3
4
5
6
7
8
9
10
   $.ajax({	type: "POST",
        url: "https://xz.fr/api.php?fmt=csv&testRef=958634&fields=VITESSE",
        success: function(data, textStatus, jqXHR) {
          alert("Recuperation des informations");
          console.log("les données sont:"+data);
        },
        error: function() {
          alert('Erreur dans la requ�te au serveur.');
        }
  });

Code:

1
2
3
4
5
6
  var target = 'https://xz.fr/api.php?fmt=csv&testRef=958634&fields=VITESSE';
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.open( "GET", target, false ); 
  xmlHttp.send( null );
  var contenuCSV = xmlHttp.responseText;
  console.log(contenuCSV);

Et j'aurais bien aimé vous donner l'API mais c'est une API interne auquel vous ne pouvez pas accéder.

24/07/2016, 13h56
sekaijin

Citation:

Envoyé par sonica

Oui je peux vous montrer mon code mais je veux juste avoir un exemple de code ou une piste comme tu me l'as donnée Thelvin.
Voici mon code j'ai essayé deux méthodes mais elles donnent le même résultat....

on est très contant pour toi qu'elle donne le même résultat. mais ça ne en dit pas plus.
A+JYT