Message : Cross-Origin Request Blocked

**Théétète** · 31/07/2018, 01h21

Bonjour,

Je souhaiterais importer un jeu de données disponible sur data.gouv.fr.

J'ai rédigé le code suivant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>bpce visualisation</title>
   <script src="https://d3js.org/d3.v5.min.js"></script>
        <link rel="stylesheet" type="text/css" href="bpce.css">
</head> 
 
<body>
 
</body>
 
<script>
 
d3.csv("https://bpce.opendatasoft.com//explore/dataset/credits-clienteles-groupe-bpce/download?format=csv&timezone=Europe/Berlin&use_labels_for_header=true")
        .then(function(data){
console.log(data);
});
 
</script>

Firefox me retourne le message "Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.data.gouv.fr/fr/datasets...1-03d4bd81e0c9. (Reason: CORS header 'Access-Control-Allow-Origin' missing)."

Pourriez-vous s'il vous plaît m'indiquer ce que je dois ajouter à mon code pour charger mes données ?

**Beginner.** · 31/07/2018, 01h34

Salut,

Je pense que c'est même genre de problème que celui évoqué dans ce fil : Interagir avec une page web dans une page web c'est-à-dire : Same-origin policy.

Plus précisément pour ton cas tu peux regarder ça : HTTP access control (CORS)

**SpaceFrog** · 31/07/2018, 08h19

télécharge les data et mets les sur ton domaine ...

**NoSmoking** · 31/07/2018, 09h48

Bonjour,
ton problème viens du fait que tu essaies d'accéder à des données qui sont proposées au téléchargement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

d3.csv("https://bpce.opendatasoft.com//explore/dataset/credits-clienteles-groupe-bpce/download?...

Si ce sont ces données que tu souhaites alors voir la réponse de SpaceFrog.

Si ce sont les données mises à jour qui t'intéressent il va te falloir passer par une autre méthode qui est également proposée sur le site à savoir les données sous forme JSON.
Dans ce cas, toujours d'après le site, tu peux faire quelque chose comme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
d3.json("https://bpce.opendatasoft.com/api/records/1.0/search/?dataset=statistiques-open-data-bpce&facet=nombre_de_producteurs&facet=nombre_d_entreprises_participantes")
.then( function( data){
    console.log("data : ",data);
  }
);

**Théétète** · 31/07/2018, 23h53

Un grand merci à vous trois. C'est très clair.

Message : Cross-Origin Request Blocked

JavaScript

Discussions similaires

Partager

Partager