域: 域是WIN2K網絡系統的安全性邊界。我們知道一個計算機網最基本的單元就是“域”,這一點不是WIN2K所獨有的,但活動目錄可以貫穿一個或多個域。在獨立的計算機上,域即指計算機本身,一個域可以分布在多個物理位置上,同時一個物理位置又可以劃分不同網段為不同的域,每個域都有自己的安全策略以及它與其他域的信任關系。當多個域通過信任關系連接起來之后,活動目錄可以被多個信任域域共享。
由于在工作中需要使用AJAX請求其他域名下的請求,但是會出現拒絕訪問的情況,這是因為基于安全的考慮,AJAX只能訪問本地的資源,而不能跨域訪問。
比如說你的網站域名是aaa.com,想要通過AJAX請求bbb.com域名中的內容,瀏覽器就會認為是不安全的,所以拒絕訪問。
會出現跨域問題的幾種情況:
后臺在百度上尋找解決方案解決了這個問題,一共總結出三種方案:代理、JSONP、XHR2(XMLHttpRequest Level 2)。
第一種方法 代理:這種方式是通過后臺(ASP、PHP、JAVA、ASP.NET)獲取其他域名下的內容,然后再把獲得內容返回到前端,這樣因為在同一個域名下,所以就不會出現跨域的問題。
實現代碼:創建一個AJAX請求(頁面地址為:http://localhost/ajax/proxy.html)
var request = null;if(window.XMLHttpRequest){request = new XMLHttpRequest();}else{request = new ActiveXObject("Microsoft.XMLHttp");}request.onreadystatechange = function(){console.log(this.readyState);if(this.readyState===4 && this.status===200){var resultObj = eval("("+this.responseText+")"); //將返回的文本數據轉換JSON對象document.getElementById("box").innerHTML = resultObj.name+":"+resultObj.sex; //將返回的內容顯示在頁面中}}request.open("POST","proxy.php",true);request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");request.send("name=呂銘印&sex=男");
創建AJAX請求。
proxy.php代碼
header("Content-type:text/html;charset=utf-8");$url = "http://localhost:63342/ajax/proxy.js";$contents = file_get_contents($url);echo $contents;
使用php代碼獲取localhost:63342下的proxy.js文件。
proxy.js代碼
{name : "呂銘印",sex : "男"}
proxy.html運行結果
至此,使用代理實現了訪問不同域之間的文件。
首先在proxy.html使用AJAX訪問后臺的proxy.php文件,然后proxy.php接收到請求之后去訪問localhost:63342中的proxy.js文件,獲取到proxy.js的內容后,將內容返回到前端頁面,這就實現了跨域的功能。
新聞熱點
疑難解答
圖片精選