Ajax 跨域訪問的 JQuery 的解決方案

我們知道ajax本身實際上是通過XMLHttpRequest對象來異步進行數(shù)據(jù)的交互，而瀏覽器出于安全考慮，不允許js代碼進行跨域操作，所以js跨域操作會被拒絕。

具體情況有:
一、本域和子域的相互訪問: 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創(chuàng)建動態(tài)腳本

今天主要討論第4中解決方案，這個和上個的區(qū)別就是請求是使用<script>標簽來請求的，這個要求也是兩個域都是由你來開發(fā)才行。原理就是JS文件注入，在本域內(nèi)的a內(nèi)生成一個JS標簽，它的SRC指向請求的另外一個域的某個頁面b，b返回數(shù)據(jù)即可，可以直接返回JS的代碼。因為script的src屬性是可以跨域的。

這里我們需要用到JQuery.getScript(url, callback)方法，url是腳本文件的URL路勁，callback函數(shù)在腳本資源已被加載和求值后調(diào)用的回調(diào)函數(shù)。

首先在bb.com創(chuàng)建一個js文件，test.js

1 var ojb = {msg:'js跨域請求成功'};

然后在aa.com的頁面上使用$.getScript加載test.js腳本

1 $(function() {
2 $.getScript('http://www.bb.com/test.js', function() {
3 if (ojb) {
4 alert(obj.msg);
5 }
6 });
7 });

使用$.getScript函數(shù)的最大好處就是可以保證，腳本加載完畢后調(diào)用回調(diào)函數(shù)。

個人感覺這種方法比使用代理和iframe要簡單一些。

出處：http://hyl8218.cnblogs.com

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈