Javascript跨域請求的4種解決方式_javascript技巧

什麼情況下才會出現跨域？
假設網域名稱是：http://www.example.com.cn/
如果所要求的網域跟這個網域不致，這種情況就是跨網域，由於跨網域有漏洞，所以一般來說正常的跨域請求方式是請求不到的。
解決方式：
一、window.name
1、 伺服器回傳

程式碼如下:


<script>window.name='{"id":"3", "name":"leisure"}';</ script> <BR>2、定義一個iframe，加上onload事件<iframe id="iframe1" onload="iLoad"><iframe> <BR><script type="text/javascript"> <BR>var load = false ; <BR>function iLoad() { <BR>if(load == false) { <BR>// 同域處理，請求後會再重新載入iframe <BR>document.getElementById('iframe1').contentWindow. location = '/'; <BR>load = true; <BR>} else { <BR>// 取得window.name的內容，注意必須進行同域處理後方可存取！ <BR>var data = document.getElementById('iframe1').contentWindow.name; </script>

alert(data); // {"id":"3", "name":"leisure"}
load = false;
}

} 3、定義一個form，設定form的target為iframe的id，然後提交form

複製程式碼


程式碼如下:

二、JSONP 伺服器回傳callback( {"id": "3", "name": "leisure"});

複製程式碼


程式碼如下:

function callback(data) {
alert(data); }

三、jQuery.getJSON 伺服器傳回json格式資料test({"id": "3", "name": "leisure"}); test函數名稱為callback參數中定義

複製程式碼

程式碼如下:

$.getJSON(url "?callback=?", data, function(data) { }


注意callback=?這個參數必須帶上，jquery會自動產生一個函式名稱來取代這個問號！

四、flash跨域 伺服器新增crossdomain.xml http://www.example.com.cn/crossdomain.xml

複製程式碼


程式碼如下: