带有JQuery的IE6 Ajax

Question

I'm trying to fecth data from a REST webservice into a HTML page. The problem is Internet Explorer 6 (which is my target station on XP SP3) that I'm struggling to make work. Here's the code used :

$.ajax({
       type: "GET",
       contentType:"application/json; charset=utf-8",
       dataType : 'json',
       url: "https://jsonplaceholder.typicode.com/posts/1",
       success: function(data) {
            alert(data);
       },
       complete: function(xhr) {
          alert(xhr.status+" "+xhr.responseText);
       }
});

Tested on Firefox 52 ESR : both success and complete functions works.

On Chrome 49 : success works, complete is called but xhr.status is 0 and xhr.responseText is empty.

On IE6 success is not called at all and complete is called but xhr.status is 0 and xhr.responseText is undefined.

Tried what was already answered here on SOF like removing extra commas, adding dataType ... but still no success with IE6.

How can we do it once for all ?

Thanks

Answer 1

IE6 is ancient, it does not support CORS (not even with XDomainRequest).

There is no way to perform cross-origin RESTful HTTP requests with JavaScript in IE6.

If you want to perform a cross-origin request, then you will need to use some other (non-RESTful) approach such as JSONP.