I have been using JSONP to retrieve data from an API through AJAX. After testing my code on Firefox and Chrome, it has worked flawlessly in these browsers.
The link I am utilizing follows this format:
www.placeholder.com/foo/?jsonp=dataCallback
Yet, when attempting the same process on Internet Explorer 11, an error message pops up:
Object doesn't support property or method 'dataCallback'
Upon further investigation, I discovered that while performing the request, both Firefox and Chrome will show an object named "dataCallback" within the window. However, in Internet Explorer 11, there is no trace of "dataCallback" present during the request.
$.support.cors = true;
$.ajax({
url: url,
dataType: "jsonp",
contentType: "application/javascript",
crossDomain: true,
async: true,
cache: true,
// Handling the response
complete: function (response) {
var data = window["dataCallback"]();
callback(self.parseData(data, scope, end), transport);
}
});
Is this a common issue? How can it be resolved?