IE中的XMLHttpRequest和setRequestHeader返回错误

时间:2012-07-17 17:04:07

标签: javascript json cross-domain xmlhttprequest

我尝试制作跨域POST请求并获取JSON编码的响应,

除了在IE 7,8,9中,一切正常。 我尝试了这些解决方案但是我收到了这个错误:

  

Object不支持属性或方法'setRequestHeader'

函数createXMLHTTPObject() - 尝试1

function createXMLHTTPObject() {
    var xmlhttp = false;
        var is_IE = window.XDomainRequest ? true : false;
        if (is_IE) {
            xmlhttp = new window.XDomainRequest();
        } else {
            if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
            } else {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
    return xmlhttp;
}

功能createXMLHTTPObject() - 尝试2

var XMLHttpFactories = [
    function() { return new XMLHttpRequest() },
    function() { return new ActiveXObject("Msxml2.XMLHTTP") },
    function() { return new ActiveXObject("Msxml3.XMLHTTP") },
    function() { return new ActiveXObject("Microsoft.XMLHTTP") }
];

function createXMLHTTPObject() {
    var xmlhttp = false;
    for (var i=0; i<XMLHttpFactories.length; i++) {
        try {
            xmlhttp = XMLHttpFactories[i]();
        }
        catch(e) {
            continue;
        }
        break;
    }
    return xmlhttp; 
}

功能发送()
这里它返回错误,地址为:req.setRequestHeader('User-Agent', 'XMLHTTP/1.0');

function send(postData, callback) {
    var url = 'http://domain.com/ajax-processing.php'; //url overlap
    var req = createXMLHTTPObject();
    if (!req) return;
    var method = (postData) ? "POST" : "GET";
    req.open(method, url, true);
    req.setRequestHeader('User-Agent', 'XMLHTTP/1.0');
    if (postData) {
        req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    }
    req.onreadystatechange = function() {
        if (req.readyState != 4) return;
        if (req.status != 200 && req.status != 304) {
            console.log('HTTP error ' + req.status);
            return;
        }
        callback(req);
    }
    if (req.readyState == 4) return;
    req.send(postData); 
}

这里我称之为发送功能

var insert = 'id=1&type=insert';
CLib.send(insert, function(data) {
    console.log(data);
});

是否可以在IE中发出跨域请求? 如何在不使用jQuery等其他库的情况下留下这一部分?

1 个答案:

答案 0 :(得分:1)

非常感谢@Esailija告诉我,我无法使用XDomainRequest创建设置请求标头。

所以我也尝试了其他方法和解决方案,最后我用一种更简单的方法回来了:
将POST请求更改为GET,一些小的更改后一切正常。