Fail to add an HTTP header

Question

I'm trying to produce an HTTP request with an Authorization header:

$.ajax({
            type: 'GET',
            url: "https://subdomain.domain.com/login",
            beforeSend: function (xhr) {
                xhr.setRequestHeader ("Authorization", "Basic " + btoa('username' + ":" + 'password'));
            }})

But the request that's produced by this code does not contain an Authorization header:

OPTIONS /login HTTP/1.1

Host: subdomain.domain.com

Connection: keep-alive

Pragma: no-cache

Cache-Control: no-cache

Access-Control-Request-Method: GET

Origin: http://localhost:3021

User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/12.3.4567.890 Safari/537.36

Access-Control-Request-Headers: authorization

Accept: /

Referer: http://localhost:3021/app.html

Accept-Encoding: gzip, deflate, sdch, br

Accept-Language: en-US,en;q=0.8,he;q=0.6

What am I doing wrong?

Have you ttried using headers key in AJAX request syntext??? — Shalin Patel
@ShalinPatel no, what do you mean? can you give me an example please? — Alon
like headers : {"Authorization" : "Basic " + btoa('username' + ":" + 'password') } — Shalin Patel

Shalin Patel Shalin Patel · Accepted Answer · 2016-12-12T11:57:59

This may Solve your Problem.

$.ajax({
    type: 'GET',
    url: "https://subdomain.domain.com/login",
    headers : {
                "Authorization" : "Basic " + btoa('username' + ":" + 'password') 
    }
})

Fail to add an HTTP header

2 Answers