javascript ajax跨子域名解决办法

最新推荐文章于 2022-10-18 02:31:10 发布

lvdie

最新推荐文章于 2022-10-18 02:31:10 发布

阅读量449

点赞数

文章标签： javascript ajax xmlhttprequest xhtml html button

本文链接：https://blog.csdn.net/lvdie/article/details/6079563

版权

1.写一个代理文件 proxy.html放服务器端(http://bbs.xundie.com/proxy.html )

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>代理文件</title>
<script type="text/javascript" language="javascript">
document.domain = "xundie.com ";
function sendRequest(method, url)
{
    var request = new XMLHttpRequest();
    request.open(method, url);
    request.send(null);
}
</script>
</head>
<body>
</body>
</html>

2.客户端调用页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax跨子域</title>

</head>

<body>
<script type="text/javascript" language="javascript">
document.domain = "xundie.com ";
function sendRequest()
{
    var proxy = document.getElementById("iframeProxy").contentWindow;
    proxy.sendRequest('POST', 'http://b.a.com/c.php');
}
</script>
<input type="button" value="Request" οnclick="sendRequests()" />
<iframe src="http://bbs.xundie.com/ proxy.html " style="display:none;" id="iframeProxy"></iframe>
</body>
</html>