具體情況有:
一、本域和子域的相互訪問: http://www.aa.com/和book.aa.com
二、本域和其他域的相互訪問: http://www.aa.com/和http://www.bb.com/ 用 iframe
三、本域和其他域的相互訪問: http://www.aa.com/和http://www.bb.com/ 用 XMLHttpRequest訪問代理
四、本域和其他域的相互訪問: http://www.aa.com/和http://www.bb.com/ 用 JS創建動態腳本
今天主要討論第4中解決方案,這個和上個的區別就是請求是使用<script>標簽來請求的,這個要求也是兩個域都是由你來開發才行。原理就是JS文件注入,在本域內的a內生成一個JS標簽,它的SRC指向請求的另外一個域的某個頁面b,b返回數據即可,可以直接返回JS的代碼。因為script的src屬性是可以跨域的。
這裡我們需要用到JQuery.getScript(url, callback)方法,url是腳本文件的URL路勁,callback函數在腳本資源已被加載和求值後調用的回調函數。
首先在bb.com創建一個js文件,test.js
代碼如下:
var ojb = {msg:'js跨域請求成功'};
然後在aa.com的頁面上使用$.getScript加載test.js腳本
代碼如下:
$(function() {
$.getScript('http://www.bb.com/test.js', function() {
if (ojb) {
alert(obj.msg);
}
});
});
使用$.getScript函數的最大好處就是可以保證,腳本加載完畢後調用回調函數。
個人感覺這種方法比使用代理和iframe要簡單一些。