js跨域資源共享 基礎(chǔ)篇
更新時(shí)間：2016年07月02日 11:06:40 作者：光明大神棍
這篇文章主要為大家詳細(xì)介紹了javascript跨域資源共享的相關(guān)資料，感興趣的朋友可以參考一下
本文詳細(xì)介紹了javascript跨域資源共享，供大家參考，具體內(nèi)容如下
1.為什么提出跨域資源共享(CORS)?
因?yàn)閄HR實(shí)現(xiàn)ajax的安全限制是：XHR 對(duì)象只能訪問(wèn)與包含它的頁(yè)面位于同一個(gè)域中的資源
2.如何實(shí)現(xiàn)跨域？（跨瀏覽器）
// 跨瀏覽器創(chuàng)建并返回CORS對(duì)象
// param method : 請(qǐng)求的方式, get or post
// param url : 跨域請(qǐng)求的url
// return xhr : 返回的跨域資源對(duì)象
function createCORSRequest(method, url){
var xhr = new XMLHttpRequest();
if ("withCredentials" in xhr){
xhr.open(method, url, true); // CORS都是通過(guò)異步的請(qǐng)求
} else if (typeof XDomainRequest != "undefined"){ // IE
vxhr = new XDomainRequest();
xhr.open(method, url);
} else {
xhr = null;
}
return xhr;
}
var request = createCORSRequest("get", "http://localhost/aaa/dome2.php");
if (request){
// 用于替代onreadystatechange 檢測(cè)成功，表示接受數(shù)據(jù)完畢
request.onload = function(){
// 對(duì)響應(yīng)的信息進(jìn)行處理
alert(request.responseText); // 取得響應(yīng)的內(nèi)容
};
// 用于替代onreadystatechange 檢測(cè)錯(cuò)誤。
request.onerror = function(){
// 對(duì)響應(yīng)的信息進(jìn)行處理
};
// 用于停止正在進(jìn)行的請(qǐng)求。
request.onabort = function(){
// 對(duì)響應(yīng)的信息進(jìn)行處理
alert(request.responseText);
};
// 跨域發(fā)送請(qǐng)求
request.send();
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
Chrome中模態(tài)對(duì)話框showModalDialog返回值問(wèn)題的解決方法
chrome中彈出模態(tài)對(duì)話框，通過(guò)window.returnValue賦返回值關(guān)閉后，有的情況下無(wú)法取得返回值。2010-05-05
javaScript+turn.js實(shí)現(xiàn)圖書(shū)翻頁(yè)效果實(shí)例代碼
這篇文章主要介紹了javaScript+turn.js實(shí)現(xiàn)圖書(shū)翻頁(yè)效果實(shí)例代碼,重點(diǎn)講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02
使用純javascript實(shí)現(xiàn)經(jīng)典掃雷游戲
本文給大家分享的是個(gè)人剛開(kāi)始學(xué)習(xí)javascript的時(shí)候?qū)懙姆聎indows經(jīng)典的掃雷游戲的代碼，當(dāng)時(shí)只是寫(xiě)了下來(lái)，沒(méi)加注釋，這里補(bǔ)上，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)日歷左右滑動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
基于JS實(shí)現(xiàn)數(shù)字+字母+中文的混合排序方法
這篇文章主要介紹了基于JS實(shí)現(xiàn)數(shù)字+字母+中文的混合排序方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了4個(gè)值得收藏的Javascript技巧，文章首先通過(guò)變量轉(zhuǎn)字符串展開(kāi)主題詳情，需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了javascript 模塊依賴管理,結(jié)合實(shí)例形式深入分析了javascript 模塊依賴管理具體定義、實(shí)現(xiàn)方法及注意事項(xiàng),需要的朋友可以參考下2020-04-04
下面小編就為大家?guī)?lái)一篇js判斷數(shù)組的最佳方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了weUI應(yīng)用中利用JS封裝幾個(gè)常用的信息提示彈層的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
微信小程序在text文本實(shí)現(xiàn)多種字體樣式
這篇文章主要介紹了微信小程序在text文本實(shí)現(xiàn)多種字體樣式,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11