Angular jsonp request coursera api giving error

Question

The following error is given when I try to request coursera api with jsonp method in Angular.

Refused to execute script from 'https://api.coursera.org/api/courses.v1?callback=angular.callbacks._0' because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.

I have gone through the other answers but could not find the correct solution.

This is my code which I think is done correctly as it fetches other CORS resources successfully. I dont know whats going on with coursera api.

var deferred = $q.defer();
var url = "https://api.coursera.org/api/courses.v1?callback=JSON_CALLBACK";
$http.jsonp(url).success(function(data) {
  deferred.resolve(data);
  })
  .error(function(data, status, headers, config) {
    deferred.reject(status);
    });
return deferred.promise;

score 1 · Accepted Answer · answered Sep 15 '16 at 21:44

Refused to execute script … because its MIME type ('application/json') is not executable

The URL https://api.coursera.org/api/courses.v1?callback=JSON_CALLBACK is returning JSON, not JSONP.

When you make a JSONP request, the server has to respond with JSONP formatted data (which is a particular form of JavaScript script). The server you are talking to does not.

This is my code which I think is done correctly as it fetches other CORS resources successfully.

JSONP is what we used before CORS existed. It is a clever, but dirty, hack with some security implications.

If you can use CORS instead, use CORS instead. (The server does not appear to grant CORS permissions either, which leaves you having to get the data via another server instead of directly from the client)

Angular jsonp request coursera api giving error

1 Answers1