Not able to make an AJAX call in Javascript

Question

I'm new to the .Net development and i want to make a call to the client server. When i'm running the lines of code with POSTMAN, it runs pretty well. But when i'm using the same code/headers in java script i'm able to get the desired result.

Below is the line of code i'm using

 var xhr = new XMLHttpRequest();
 var params = "grant_type=password";
 xhr.open("POST", "ClientURL");
 xhr.setRequestHeader("Authorization", "Basic ZDJWQ1NmE4NjA4MDc0MjQ2NzSfdsdakj=");
 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 xhr.setRequestHeader("Data-Type", "json");
 xhr.setRequestHeader("Host", "URL");

 xhr.send(params);
 console.log(xhr.status);
 console.log(xhr.statusText)

Or

$.ajax({
    type: "POST",
    url: 'CLIENT URL',
    dataType: "json",
    headers: { 'Authorization': 'Basic ZDJWQ1NmE4NjA4MDc0MjQ2NzSfdsdakj=' },
    beforeSend: function (xhr) { 
        xhr.setRequestHeader('Authorization', 'Basic "ZDJWQ1NmE4NjA4MDc0MjQ2NzSfdsdakj="'); 
    },
    success: function (data) {
        if (data) {
            alert(data);
        }
        else {
            alert("Something went wrong");
        }
    },
    error: function (xhr, ajaxOptions, thrownError) {
        alert(thrownError);
    }
});

Is there anything missing in the call? Any help is appreciated

Below it the error in IE

XMLHttpRequest: Network Error 0x80070005, Access is denied.

and in Chrome

Default.aspx:68 Uncaught SyntaxError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': 'Basic ZDJWQ1NmE4NjA4MDc0MjQ2NzSfdsdakj=' is not a valid HTTP header field value.

which browser you are using? check this post - http://stackoverflow.com/questions/30896958/xmlhttprequest-network-error-0x80070005-access-is-denied-on-microsoft-edge-bu — Kaushik, Oct 25 '16 at 05:26
I'm using in IE, but the error is different in Chrome, adding to the question and the link does not help :( — gurmandeep, Oct 25 '16 at 05:27

score 0 · Answer 1 · answered Oct 25 '16 at 05:38

0

beforeSend: function (xhr) { 
    xhr.setRequestHeader('Authorization', "Basic ZDJWQ1NmE4NjA4MDc0MjQ2NzSfdsdakj="); 
},

change the function as above.

answered Oct 25 '16 at 05:38

vijay

846
9
11

Have tried that too, it still say XMLHttpRequest: Network Error 0x80070005, Access is denied. – gurmandeep Oct 25 '16 at 05:46

Not able to make an AJAX call in Javascript

1 Answers1