我尝试进行跨域POST请求并返回JSON编码的响应,
除了IE 7、8、9之外,一切都很好。我尝试过这些解决方案,但我得到了这个错误:
对象不支持属性或方法"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;
}
函数send()
此处返回错误,位于: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)的情况下,我如何能够留下这一部分?
非常感谢@Esailija,他告诉我我不能用XDomainRequest设置请求头。
所以我也尝试了其他方法和解决方案,最后我得到了一个更简单的方法:
将POST请求更改为GET,经过一些小的更改后一切正常。