Console.log not displaying anything in Chrome browser

Question

This is my code. I am trying to check if I am able to get the data from the api. Putting the api url in the browser shows the json data but console.log does not show anything.

$('document').ready(function() {
  $('#lesotho').click(function() {
    var request = $.ajax({
      url: "https://cors-anywhere.herokuapp.com/http://universities.hipolabs.com/search?country=lesotho",
      dataType: "jsonp"
    });
    request.done(function(data) {
      console.log(data);
    });
  });
});

If you check the console after making the request you can see the error: `Missing required request header. Must specify one of: origin,x-requested-with` — Rory McCrossan, Jul 24 '18 at 08:03

score 0 · Accepted Answer · answered Jul 24 '18 at 09:20

method 'done' is calling when having successful AJAX response.

so, try this

var request = $.ajax({
  url: "https://cors-anywhere.herokuapp.com/http://universities.hipolabs.com/search? country=lesotho", 
  dataType: "jsonp"
})
request.done(function(data){
    console.log( data );
});
request.fail(function(xhr,status){
    console.log( xhr );
    console.log( status );
});

another way(i recommend this code) is

$.ajax({
  url: "https://cors-anywhere.herokuapp.com/http://universities.hipolabs.com/search? country=lesotho", 
  dataType: "jsonp" ,
  success : function(data){
    console.log( data );
  },
  error : function(xhr , status){
    console.log( status );
    console.log( xhr );
  }
});

then, you can see the log.

Console.log not displaying anything in Chrome browser

1 Answers1