国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

AJAX實現跨域的三種方法(代理,JSONP,XHR2)

2024-09-01 08:28:07
字體:
來源:轉載
供稿:網友

域: 域是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的內容后,將內容返回到前端頁面,這就實現了跨域的功能。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 合阳县| 高安市| 肥西县| 卢湾区| 揭阳市| 延庆县| 安宁市| 南丰县| 丽江市| 河曲县| 许昌县| 六枝特区| 兰考县| 拉萨市| 阳江市| 千阳县| 南阳市| 铜山县| 东辽县| 运城市| 太保市| 茂名市| 密山市| 岗巴县| 射洪县| 鲁山县| 日喀则市| 梅河口市| 大姚县| 江川县| 拜城县| 苗栗市| 怀化市| 安陆市| 岳阳市| 佳木斯市| 涿鹿县| 阳谷县| 太保市| 历史| 靖江市|