Ajax request header with REST API

Question

I’m trying to do a ajax GET request. The doc say I should add a authorization with key in the header but I don’t really know how to add it. I tried this but it gives an Uncaught SyntaxError: Unexpected identifier in line 16. I think it has to do with adding the header. The api is REST so returns JSON and should be a GET.

my code looks like this:

jQuery(document).ready(function($) {
var postcode = '1000AA';
var houseNumber = '4';
var urlPath = 'https://api.postcode.nl/rest/addresses/postcode/'
+ postcode + '/'
+ houseNumber + '/';
console.log(urlPath);
$.ajax({
    beforeSend: function(request) {
        request.setRequestHeader("Authorization","*****************");
    }
    url: urlPath
}).then(function(data) {
    $('.street').append(data.street);
        $('.city').append(data.city);
    });
});

The header should come like this:

GET /rest/addresses/postcode/2012ES/30/ HTTP/1.1 Host: api.postcode.nl Authorization: Basic 2eTpkU******

and the url like https://api.postcode.nl/rest/addresses/postcode/{postcode}/{houseNumber}/{houseNumberAddition}

Eyk Rehbein · Accepted Answer · 2017-11-11 23:47:54Z

1

$.ajax({
    beforeSend: function(request) {
        request.setRequestHeader("Authorization","*****************");
    },
    url: urlPath
}).then(function(data) {
    $('.street').append(data.street);
        $('.city').append(data.city);
    });
});

A comma between the beforesend and url entry were missed. Syntax errors like this aren't triggered by logical issues like a wrong header or something like this. The issue can only be wrong syntax

answered Nov 11, 2017 at 23:47

Eyk Rehbein

3,8684 gold badges20 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sandeep · Accepted Answer · 2017-11-12 00:16:09Z

0

The above answer is all you need. Only thing I wanted to add is that I often throw my code into an editor at https://ace.c9.io/, which will point out where your error is, and often what you're doing wrong.

answered Nov 12, 2017 at 0:16

Sandeep

656 bronze badges

Collectives™ on Stack Overflow

Ajax request header with REST API

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related