Internet Explorer中的跨域POST请求ajax

时间:2012-05-01 09:24:45

标签: jquery ajax internet-explorer post cross-domain

我正在使用jQuery 1.7.2,并希望向另一个域发出POST请求。它必须是POST请求。但这确实无法在Internet Explorer中工作(我试过IE9);它适用于所有其他浏览器。

我有这个脚本:

<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>

我收回错误:

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

我的PHP文件如下所示:

<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, DELETE, PUT, OPTIONS');
echo json_decode(array('success' => 'yes'));

4 个答案:

答案 0 :(得分:2)

Internet Explorer(包括IE9)不支持CORS。您必须代理所有跨域请求(在同一个域上发布到PHP脚本,重新发布卷曲查询并返回响应)

答案 1 :(得分:2)

支持IE中的CORS&lt; 10,您必须修改ajax方法才能使用XDomainRequest对象。这个插件可以帮到你:https://github.com/jaubourg/ajaxHooks

答案 2 :(得分:1)

您的脚本看起来不错,但我相信您需要更改:

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

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

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

其中{Origin}是Origin标头的值。我的理解是,如果已经给出了原点,那么放'*'将不起作用。

此外,IE8和IE9对此的支持有限但如果您放置jQuery.support.cors = true,它确实有效。

答案 3 :(得分:0)

这适用于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>