jQuery ajax（）或load（）在IE中返回不完整的响应。 在Chrome中正常运行

Question

When using JQuery's asynchronous method to GET a remote URL through either ajax() or load() , the returned response is corrupted in IE but completely correct in Chrome.

Here is the sample code

    $('#contactEmailPanelBody .panel-body').load('contact/email/list/' + id, function(response, status, xhr) {
        console.log('status=' + status);
        console.log('head=' + xhr.getResponseHeader('contentType'));
        console.log('response=' + response);

    });

The response is incomplete and corrupted when using IE/11. But the complete correct document was successfully returned when using Chrome.

I've done a lot research and seems this is not caused by cache. It seems some weird behavior of IE.

Any help? Thanks!

Answer 1

I think of 2 possible reasons:

1. The first is that in internet explorer asks you permission to run scripts that run on files inside your pc, the best thing would be to try upload them to the server and test them from the server, maybe there if the function works well,
2. The second is to check the compatibility of browsers with the version of jquery you are using, you can do it at: http://jquery.com/browser-support/ , you may have to put some patch compatibility for the browser you are Using.