精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

由于安全方面的考慮，Javascript被限制了跨域訪問的能力，但是有時候我們希望能夠做一些合理的跨域訪問的事情，那么怎么辦呢？
這里分兩類情況：
一、基于同一父域的子域之間頁面的訪問；參見如下3個domain域：taobao.com、jipiao.taobao.com、promotion.taobao.com；它們有相同的父域taobao.com。
二、基于不同父域頁面之間的訪問；參見如下3個domain域：taobao.com、baidu.com、sina.com.cn；它們具有不同的父域。

解決它們之間跨域的方案有：
方案1：服務器Proxy
域A的頁面JS需要訪問域B下的鏈接獲取數據，該方案在域A的服務器端建立一個Proxy程序(可能是ASP、servlet等任何服務端程序)，域A的頁面JS直接調用本域下的Proxy程序，proxy程序負責將請求發送給域B下的鏈接并獲取到數據，最后再通過Proxy將數據返回給頁面JS使用。
經過的訪問流程就是： 域A下JS --> 域A 下Proxy -- > 域B下的鏈接
例子：
第一步：
域A:  http://Jipiao.taobao.com/test.htm
頁面上javascript腳本：

第二步：
完成域A服務端的Proxy程序(這里假定是一個servlet)，偽碼如下：

 

方案2：通過Script標簽:
在域A頁面http://Jipiao.taobao.com/test.htm 的head中寫一個空的Script標簽：

 

注意：這種方案要求域B返回的數據必須是合法的JSON格式或者如JS文件的格式；比如域B返回的數據格式如下：
Var remote={test:’hello’};
Var f=[2,1];

方案3：隱藏iframe、共享domain:
即域A頁面http://jipiao.taobao.com/yyyy.htm 的頁面上寫一個隱藏的iframe：

 

注意：這里http://promotion.taobao.com/xxxx.htm 頁面也需要設置document.domain="taobao.com"， 這種方法才能奏效。
之所以這種iframe的方法不適合不同父域之間的跨域，是因為設置document.domain只能設置為自己的父域，而不是能設置為其他域，例如:jiapiao.taobao.com只能設置document.domain="taobao.com"，而不能是document.domain="baidu.com"；

這里列舉的三種方案各有優缺點：
Proxy方案優點是可以適用用于幾乎所有的跨域訪問，而且只需要要一個域中進行開發，另一個域可以提供任何類型格式的數據。缺點是這種方案經過了中間Proxy，所以延遲可能稍微大一點，并且會加重本域服務器的負荷，開發工作量也稍微大一點。
Script標簽的方案可以說是非常簡單的，不用幾行代碼就搞定了事，不過它對返回的數據格式要求有點嚴格，只能是Json格式數據,如果是其他格式的數據，那么這種方法就無能為力了。
隱藏iframe方式也很簡單，它可以處理任何返回的數據格式，但它只適用在具有同一個父域下的跨域請求上，并且要求其他域得配合開發，即需要設置document.domain。 對于JS跨域訪問的意思，我想再補充幾點：

1. 跨域訪問，簡單來說就是 A 網站的 javascript 代碼試圖訪問 B 網站，包括提交內容和獲取內容；比如想從A網站的頁面中執行另外一個B網站內某頁面中的JS對象、或者想在A網站的頁面中用JS去解析B網站內某頁面的dom元素等；出現這種跨域訪問問題的應用場景一般是iframe中嵌入不同域的頁面、或者向不同域發送Ajax請求等；
2. 由于安全原因，跨域訪問是被各大瀏覽器所默認禁止的；但是瀏覽器并不禁止在頁面中引用其他域的JS文件，并可以自由執行引入的JS文件中的function；這點個人覺得至關重要！
3. 是否跨域的判斷規則為對三者進行比較：域名、協議、端口；三者中若有一個不相同，則會出現跨域問題；我們經常說的跨域問題一般指域名不同，因為這種場景出現的幾率最高而且有一些辦法可以解決；比如前面提到的taobao.com域下的二級域名跨域問題；
4. 對于主域都不一樣、或者協議不同（比如https與http）的跨域問題（比如*.taobao.com域想訪問*.baidu.com域內的內容），想從Web端來解決是完全不可能的，只能通過服務端Proxy的方案來解決；
5. 常見的不同域間的頁面制約dom元素包括：
   window.location 可以設置，但不能讀取。其它的 location 屬性和方法被禁止訪問；
   document.href 可以設置，但不能讀取。其它的 document 屬性和方法被禁止訪問；
   <iframe> 的 src 可以設置，但不能讀取；