国产探花免费观看_亚洲丰满少妇自慰呻吟_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的內容后,將內容返回到前端頁面,這就實現了跨域的功能。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 兴山县| 应城市| 宝丰县| 甘肃省| 北辰区| 清水河县| 温泉县| 浮梁县| 富平县| 涿鹿县| 寿阳县| 宁波市| 长沙县| 齐河县| 漯河市| 马鞍山市| 丰都县| 汕头市| 桐庐县| 昂仁县| 百色市| 柏乡县| 平山县| 垦利县| 宜兰市| 金山区| 岳阳县| 齐河县| 武义县| 两当县| 南漳县| 祁阳县| 梅州市| 肇州县| 建德市| 正安县| 镇远县| 曲阳县| 竹溪县| 长顺县| 阿勒泰市|