Als ik via Postman een POST request maak met de volgende parameters dan krijg ik een succesvolle response (conform de specificaties van Swagger UI) :
url: https://api.bag.kadaster.nl/lvbag/individuelebevragingen/v2/panden/
parameters: Accept-Crs: epsg:28992, Content-Crs: epsg:28992
authorization: x-api-key: XXXXXXXX
body (JSON): {“type”:“Point”,“coordinates”:[196760.09,356517.28]}
Als ik ditzelfde request post via jquery dan krijg ik een 415 error met de volgende melding:
Access to XMLHttpRequest at
‘https://api.bag.kadaster.nl/lvbag/individuelebevragingen/v2/panden/’
from origin ‘website.naam’ has been blocked by
CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the
requested resource.
Hieronder mijn jquery code (ik heb dezelfde code geprobeerd met een get request (zonder de “data”)) en dan krijg ik wel een succesvolle response.
Heeft iemand voor mij een tip of een link naar documentatie om onderstaande code werkend te krijgen of zit het probleem ergens anders?
$.ajax({
url: 'https://api.bag.kadaster.nl/lvbag/individuelebevragingen/v2/panden/',
method: 'post',
headers: {
"Accept-Crs": "epsg:28992",
"Content-Crs": "epsg:28992",
"X-Api-Key": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
},
dataType: 'json',
data: JSON.stringify({"type":"Point","coordinates":[196760.09,356517.28]}),
success: function (data, status) {
console.log(data);
},
error: function (err) {
console.log(err);
}
});