3

I'm using jQuery 1.7.2 and would like to make a POST request to another domain. It must be a POST request. But this does not work in internet explorer (I tried on IE9); it works on all other browsers.

I have this script:

<script>
jQuery.support.cors = true;

jQuery(function() {
    $.ajax({
        crossDomain : true,
        cache: false,
        type: 'POST',
        url: 'http://someotherdomain/test.php',
        data: {},
        success: function(da) {
            console.log(JSON.stringify(da))
        },
        error: function(jqxhr) {
            console.log('fail') 
            console.log(JSON.stringify(jqxhr))
        },
        dataType: 'json'
    });
});
</script>

I get back the error:

{"readyState":0,"status":0,"statusText":"Error: Access denied.\r\n"}

My PHP file looks like this:

<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, DELETE, PUT, OPTIONS');
echo json_decode(array('success' => 'yes'));
Brad Koch
  • 19,267
  • 19
  • 110
  • 137
Codler
  • 10,951
  • 6
  • 52
  • 65
  • possible duplicate of [How to get a cross-origin resource sharing (CORS) post request working](http://stackoverflow.com/questions/5750696/how-to-get-a-cross-origin-resource-sharing-cors-post-request-working) – Jon May 01 '12 at 09:27
  • Relavent: http://stackoverflow.com/a/12014195/545328 – 65Fbef05 Aug 17 '12 at 23:42
  • duplicate : http://stackoverflow.com/questions/13149122/jquery-ajax-cross-domain-form-submission-issues-with-ie – inf3rno Apr 21 '13 at 04:03

4 Answers4

2

Internet Explorer (including IE9) does not support CORS. You have to proxy all your cross-domain request (post to PHP script on the same domain, that reposts with curl your query and returns the response)

Ken Browning
  • 28,693
  • 6
  • 56
  • 68
Maxim Krizhanovsky
  • 26,265
  • 5
  • 59
  • 89
2

To support CORS in IE < 10, you must modify the ajax method to use the XDomainRequest object. This plugin does it for you: https://github.com/jaubourg/ajaxHooks

Kevin B
  • 94,570
  • 16
  • 163
  • 180
1

Your script looks correct but I believe you need to change:

header('Access-Control-Allow-Origin: *');

to

header('Access-Control-Allow-Origin: x-requested-with');

or

header('Access-Control-Allow-Origin: {Origin}');

Where {Origin} is the value of the Origin header. It's my understanding that just putting '*' won't work if an Origin has been given.

Also, IE8 and IE9 have limited support for this but it does work if you put jQuery.support.cors = true, as you've done.

dandax
  • 1,267
  • 3
  • 15
  • 22
  • so far as I know, `jQuery.support.cors` is read-only, for detection. – Randy L Apr 09 '13 at 20:46
  • @theOther No, this can be set according to jQuery's doc: "cors is equal to true if a browser can create an XMLHttpRequest object and if that XMLHttpRequest object has a withCredentials property. To enable cross-domain requests in environments that do not support cors yet but do allow cross-domain XHR requests (windows gadget, etc), set $.support.cors = true;. CORS WD", http://api.jquery.com/jQuery.support/ – seeg Aug 27 '13 at 08:55
0

This works in IE9.

<!DOCTYPE html>
<head>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
var url = "http://msdn.microsoft.com/en-us/library/windows/desktop/ms759148(v=vs.85).aspx";
function getRequest() {
    try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); }
    catch (e) {alert("Error while getting 6.0");}
    try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); }
    catch (e) {alert("Error while getting 3.0");}
    try { return new ActiveXObject("Microsoft.XMLHTTP"); }
    catch (e) {alert("Error while getting 2.0");}
    throw new Error("This browser does not support XMLHttpRequest.");
};
var request = getRequest();
request.open("POST", url, false);
request.send();
alert("Content from :"+url+":"+ request.responseText);
</script>
</head>
<h1>AJAX ActiveX</h1>
user2603206
  • 1