JQuery Ajax 跨域訪問的解決方案

2024-05-06 14:11:07

字體：大中小

來源：轉載

供稿：網友

具體情況有:
一、本域和子域的相互訪問: 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要簡單一些。

上一篇：javascript select options 排序(保持option 對象完整性)

下一篇：extjs 的權限問題要求控制的對象是菜單，按鈕，URL