我正在尝试使用jQuery访问REST web服务。根据Firebug,该服务已正确地将访问控制允许来源设置为*,使用Chrome/FFirefox访问它没有问题。然而,在IE中它不起作用。
我已经查看了这个问题的很多变体,但到目前为止,没有一个解决方案对我有效
这是我的代码(为了便于阅读,简化了成功/失败功能的内容):
$.support.cors = true;
$.ajax({
url: 'https://api.guildwars2.com/v1/maps.json?callback=?',
cache: false,
type: 'POST',
dataType: "jsonp",
success: function() { alert("Success!"); },
error: function() { alert('Failed!'); }
});
它也不能使用GET
作为类型,也不能使用或不使用回调。
我也尝试过让它在没有jQuery的情况下工作,但没有成功:
var xdr = new XDomainRequest();
var url = "https://api.guildwars2.com/v1/maps.json?callback=?";
if(window.XDomainRequest)
{
if(xdr)
{
xdr.onsuccess = function(){alert('Success!');};
xdr.open("get",url);
xdr.send();
}
else
{
alert('Failed!');
}
}
任何人能给我的建议都将不胜感激,因为我正在考虑在自己的服务器上使用PHP中的file_get_contents()
简单地镜像web服务,尽管这将是最后的手段,因为它会消耗更多的带宽。
这个插件为我解决了这个问题。
https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest
我也遇到了这个问题,由于客户端Web服务的限制,来自Internet的所有解决方案要么失败,要么不适用。(JSONP、XDR、CORD)
为此,我在客户端的页面中添加了一个iframe;s服务器。因此,当我们将数据发布到iframe时,iframe会将其发布到Web服务。因此,消除了跨域引用。
我们添加了双向来源检查,以确认仅授权页面向iframe发布数据。
希望它能帮助
<iframe style="display:none;" id='receiver' name="receiver" src="https://iframe-address-at-client-server">
</iframe>
//send data to iframe
var hiddenFrame = document.getElementById('receiver').contentWindow;
hiddenFrame.postMessage(JSON.stringify(message), 'https://client-server-url');
//The iframe receives the data using the code:
window.onload = function () {
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
eventer(messageEvent, function (e) {
var origin = e.origin;
//if origin not in pre-defined list, break and return
var messageFromParent = JSON.parse(e.data);
var json = messageFromParent.data;
//send json to web service using AJAX
//return the response back to source
e.source.postMessage(JSON.stringify(aJAXResponse), e.origin);
}, false);
}