首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:40:21
原創
1195 人瀏覽過
什麼情況下才會出現跨域
假設網域名稱是: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;
}

複製程式碼


程式碼如下:




複製程式碼


程式碼如下:


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


複製程式碼

程式碼如下:

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


注意callback=?這個參數必須帶上,jquery會自動產生一個函式名稱來取代這個問號!
複製程式碼


程式碼如下:

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!