Ajax request with authorization

Question

I try to make ajax request with autorization header:

but get: GET http://agroagro.com/agroMobile/v1/tasks 400 (Bad Request)

my ajax code:

$(function() { 

if (localStorage.getItem('apiKey') == '') {
window.location.replace("login.html");  
}
    else {  

var urlAjax = "http://agroagro.com/agroMobile/v1/tasks";

$.ajax({
type:'GET',
url: urlAjax,
contentType: "application/x-www-form-urlencoded",
headers: {
    "Authorization": localStorage.getItem('apiKey')
  },
beforeSend: function(jqXHR) {
    console.log(localStorage.getItem('apiKey'));
    jqXHR.setRequestHeader("Authorization", localStorage.getItem('apiKey'));
},

  success: function(data) { 

    console.log('Lets do something');  


  },
error: function(data) {
    //window.location.replace("login.html");
    console.log(data); 
    console.log(console.log(localStorage.getItem('apiKey')));
  $('#error').append('<p>Please enter the correct information</p>');
    },
dataType: 'json',

});

    }

});

So why I get this error? As you can see I send right autorization api key and everything is fine but just dont work...

Answer 1

By manually accessing the URL I can see you are missing an API key. You should be able to see the content of your request in the preview/response tabs of the console. That will likely give you a lot of information.

Have you read the API docs for the service you are connecting to?