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ì)象只能訪問與包含它的頁(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都是通過異步的請(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)文章
javascript GUID生成器實(shí)現(xiàn)代碼
javascript GUID生成器實(shí)現(xiàn)代碼, 需要的朋友可以參考下。2009-10-10
微信小程序?qū)㈨?yè)面按鈕懸浮固定在底部的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序?qū)㈨?yè)面按鈕懸浮固定在底部的實(shí)現(xiàn)代碼,代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
讓JavaScript擁有類似Lambda表達(dá)式編程能力的方法
在前幾天的博文中我發(fā)布了一個(gè)可以自定義頁(yè)碼呈現(xiàn)方式的組件，有C#和JavaScript兩個(gè)版本。2010-09-09
這篇文章主要介紹了node express使用HTML模板的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JavaScript實(shí)現(xiàn)tab欄切換的效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)tab欄切換的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
本文為大家介紹下使用js判斷字符長(zhǎng)度及中英文數(shù)字等，下面有個(gè)不錯(cuò)的教程，感興趣的朋友可以參考下2013-12-12
這篇文章介紹了JS異步的執(zhí)行順序，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
js操作ajax返回的json的注意問題!2010-02-02
js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法,涉及javascript字符串截取操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JS使用JSON.parse(),JSON.stringify()實(shí)現(xiàn)對(duì)對(duì)象的深拷貝功能分析
這篇文章主要介紹了JS使用JSON.parse(),JSON.stringify()實(shí)現(xiàn)對(duì)對(duì)象的深拷貝功能,結(jié)合實(shí)例形式分析了JSON.parse()與JSON.stringify()方法實(shí)現(xiàn)深拷貝的相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-03-03