关于JS跨域的解决方案

最新推荐文章于 2024-08-21 14:09:37 发布

雨中的稻草人

最新推荐文章于 2024-08-21 14:09:37 发布

阅读量503

点赞数

分类专栏： Javascript学习之路文章标签： javascript JavaScript xmlhttprequest 跨域

本文链接：https://blog.csdn.net/silent527/article/details/8186478

版权

Javascript学习之路专栏收录该内容

2 篇文章 0 订阅

订阅专栏

ajax下的xmlHttp 在A域名下请求B域名下的服务,会发生js跨域的问题，研究了网上的解决方案，最后找到一个合适的，分享一下：

问题：

在a.project.com域名下，客户端的js上传文件到b.project.com域名下的服务器，产生跨域问题，

完美解决方案：

1、在b.project.com域下添加ajax.html文件，添加到网站根目录
内容：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page </title>
    <script type="text/javascript" language="javascript">
        document.domain = "*.project.com";
        
        function getHttpRequest(){
        	var xmlHttp;
        	if (window.XMLHttpRequest) {
				xmlHttp = new XMLHttpRequest();
				return xmlHttp;
			} else if (window.ActiveXObject) {
				try {
					xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
					return xmlHttp;
				} catch (e) {
					try {
						xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
						return xmlHttp;
					} catch (e) {
						alert("不能创建XmlHttp");
						return null;
					}
				}
			}
			return xmlHttp;
		}
    </script>
</head>
<body>
</body>
</html>

2、在a.project.com域名下的jsp上，同样将domain设置为 document.domain = "*.project.com";然后添加iframe：

<iframe src="http://upload.docin.com/ajaxdomainproxy.html" id="postiframe" width="0" height="0" style="display:none"></iframe>

3、发起请求的时候，调用postiframe下的getHttpRequest（）方法，获得XMLHttpRequest，即可。

获取方法：

function getXmlHttpObj(){
    var proxy = document.getElementById("postiframe").contentWindow;
    return proxy.getHttpRequest();
}

雨中的稻草人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于JS跨域的解决方案

ajax下的xmlHttp 在A域名下请求B域名下的服务,会发生js跨域的问题，研究了网上的解决方案，最后找到一个合适的，分享一下：问题：在a.project.com域名下，客户端的js上传文件到b.project.com域名下的服务器，产生跨域问题，完美解决方案：1、在b.project.com域下添加ajax.html文件，添加到网站根目录内容： Untitl
复制链接

扫一扫

专栏目录