Discussion :

[Matthieu.Barbet]

Bonjour,

J'ai développé un site web en javascript avec Angular JS dans lequel j'utilise le service Groupe Adresses (OpenLS) - StreetAddress de l'IGN.
Lorsque j'essaie d’utiliser le service j'ai l'erreur suivante dans la console Javascript :

XMLHttpRequest cannot load http://wxs.ign.fr/"MA CLEE"/ols/apis/completion?text=place+de+la+concorde,Paris&type=StreetAddress,PositionOfInterest. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://m.geofoncier.fr' is therefore not allowed access.

Avez-vous une idée pour résoudre ce problème ?

Merci d'avance,

Matthieu Barbet

[gcebelieu]

Bonjour,

la solution est d'attaquer le service en JSONP :

http://wxs.ign.fr/"MA CLEE"/ols/apis/completion?text=place+de+la+concorde,Paris&type=StreetAddress,PositionOfInterest&output=json&callback=traiteReponse

La réponse sera alors encapsulée dans une coquille json passée en paramètre de la fonction "traiteReponse"

Code :

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

1
2
traiteReponse({"http":{"status":403,"error":"<ExceptionReport><Exception exceptionCode=\"MissingParameter\">Key does not exist</Exception></ExceptionReport>"}, "xml":null})

[Matthieu.Barbet]

Bonjour,
Cela ne résout pas le problème. J'ai toujours la même erreur.
Ci-joint une capture écran du détail de la requête.




Est-ce que je dois contacter le service de l'API pour qu'ils effectuent une action coté serveur sur ma clé pour débloquer ma situation ?

Merci d'avance pour votre aide.

Matthieu Barbet

[gcebelieu]

En fait, l'idée du JSONP est de ne plus effectuer vos requêtes en AJAX (qui est bloqué par les problèmes de cross-origin), mais via une balise script qui contient votre url de requête :

Code :

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

1
2
<script type="javascript" src="http://wxs.ign.fr/"MA CLEE"/ols/apis/completion?text=place+de+la+concorde,Paris&type=StreetAddress,PositionOfInterest&output=json&callback=traiteReponse"></script>

Dans ce cas, la requête passera bien et le script qui sera chargé par la page sera :

Code :

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

1
2
traiteReponse({la reponse en json}) ;

ce qui déclenchera l'appel à la fonction traiteReponse que vous aurez au préalable écrite pour traiter les résultats du service.


Inutile donc de contacter le service de l'API.

[Matthieu.Barbet]

J'ai réussi à résoudre mon problème grâce au JSONP.
Merci pour votre aide.

Matthieu Barbet

[gcebelieu]

Super. Du coup, pouvez-vous marquer le sujet ?