用document.domain完美解決Ajax跨子域 （轉）
利用Ajax跨域加載的內容是位於work.js8.in域名下的helloworld.txt。咱們須要在主頁面中設置document.domain爲js8.in，而後主頁面添加一個iframe，src爲域名work.js8.in下的一個url，在iframe頁面中一樣設置document.domain爲js8.in，同時iframe中須要添加Ajax的函數，例如引入jQuery.js。javascript
一，本身的頁面http://www.js8.in/mywork/crossdomain/index.html（域爲www.js8.in）代碼以下html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用document.domain+iframe實現Ajax跨子域</title>
</head>java
<body>
<div id="ajax">跨域成功此處內容被替換</div>
<iframe src="http://work.js8.in/crossdomain/iframe.html" id="iframe" style="display:none;"></iframe>
<script type="text/javascript">
document.domain = 'js8.in';
function crossDomain(){
var iframe=document.getElementByIdx_x('iframe').contentWindow.$;
iframe.get("http://work.js8.in/crossdomain/helloworld.txt",function(data){
document.getElementByIdx_x("ajax").innerHTML=data;
});
}
</script>
</body>
</html>jquery
二：另外個域下的文件，也就是iframe中src的文件http://work.js8.in/crossdomain/iframe.html（域爲work.js8.in），代碼以下ajax
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用document.domain+iframe實現Ajax跨子域</title>
</head>
<script type="text/javascript" src="../public/jquery1.4.js"></script>
<script type="text/javascript">
document.domain = 'js8.in';
</script>
<body>
</body>
</html>跨域
三：數據文件http://work.js8.in/crossdomain/helloworld.txt內容爲dom
hello,world; From "work.js8.in";
點擊以前與以後的結果以下
- 1. document.domain跨子域
- 2. pdf.js 跨域完美解決！
- 3. 跨域解決方案二：document.domain
- 4. 前端ajax請求跨域，使用jsonp完美解決
- 5. canvas跨域完美解決，微信頭像解決跨域
- 6. ajax解決跨域
- 7. Spring boot 完美解決ajax跨域請求問題
- 8. thinkphp ajax 跨域請求 Access-Control-Allow-Origin 完美解決
- 9. 基於JQUERY的AJAX跨域問題完美解決方案
- 10. ajax跨域完全講解
- 更多相關文章...
- • SVN 解決衝突 - SVN 教程
- • Spring中Bean的作用域 - Spring教程
- • PHP Ajax 跨域問題最佳解決方案
- • 常用的分佈式事務解決方案
-
每一个你不满意的现在，都有一个你没有努力的曾经。