Discussion :

[korwin]

Bonjour,
J'essaie d'envoyer des données vers un serveur via une api fournissant l'url.
Quand je colle l'url rempli avec les données et le jeton d'authentification, les données sont bien enregistrées.

Mais quand je veux envoyer ces données via un objet xmlhttp, j'ai une erreur :
l'en-tête CORS « Access-Control-Allow-Origin » est manquant.
échec de la requête CORS.

Voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      //  var myArr = JSON.parse(xmlhttp.responseText);
        console.log('envoie réussi');
    }
    else {
      console.log('erreur envoie');
    }
};
 
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "text/xml");
//xmlhttp.setRequestHeader("Access-Control-Allow-Origin", "*");
xmlhttp.send();

J'ai également essayé avec jquey, mais j'ai la même erreur:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$.ajax(url, {
    type: 'POST',
    dataType: 'json',
    success: function(data) {
 
    },
    error: function(xhr, sts, err) {
        alert('Erreur !!');
    }
});

Est ce que quelqu'un aurait la solution à mon problème?
Merci d'avance.

[mathieu]

un entête Access-Control-Allow-Origin sert à indiquer au navigateurs quel domaine est autorisé à faire des requête sur le serveur. il s'agit d'un entête envoyé par le serveur et non par le client.
Si le serveur est Apache, vous pouvez essayez la ligne suivante dans un fichier .htaccess :

Code :

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

Header set Access-Control-Allow-Origin http://domaine.com

pour plus de détails vous pouvez regarder là :
https://developer.mozilla.org/fr/doc...s_control_CORS

[korwin]

Merci pour ces informations. Le problème c'est que je n'ai aucun accès au serveur vers lequel j'envoie cette requête.

[mathieu]

Vous ne pourrez pas faire la requête par le navigateur dans ce cas. Vous pouvez essayer de passer par le serveur en PHP par exemple.

[korwin]

j'ai suivi votre conseil, en passant par le serveur avec cURL et PHP ça marche. Merci!

[Meadow]

Bonjour,

J'aimerai savoir de quel manière tu as réussi à régler ton problême korwin, à l'aide du PHP.

[mathieu]

cette technique peut se faire avec par exemple un fichier PHP sur votre site qui contient cela :

Code :

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

1
2
3
4
5
<?php
$url = "https:/serveur/page";
$contenu = file_get_contents($url);
 
echo $url;

et ensuite en JavaScript vous lisez le retour de script.

[Meadow]

Merci de votre réponse,

je suis novice en JS et encore plus en PHP,
j'aimerai que mon code JS puisse recevoir les données que contient : EX_GeographicBoundingBox
provenant de : http://localhost:8080/geoserver/wms?...ETCAPABILITIES (Serveur dont je n'ai pas accès).

J'ai essayer d'afficher le retour du script avec :

Code :

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

1
2
3
4
5
6
7
8
9
 
        console.log(    
        <?php
            $url = "http://localhost:8080/geoserver/wms?REQUEST=GETCAPABILITIES";
            $contenu = file_get_contents($url);
 
            echo $url;
        ?>
        );

mais sans succès,

Le message d'erreur :
"Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur http://localhost:8080/geoserver/test/wms. Raison : l’en-tête CORS « Access-Control-Allow-Origin » est manquant."

Est toujours présent.

Merci d'avance pour les réponses et solutions.