前端跨域----不定時(shí)更新

gekylin 發(fā)布于2019-08-21 12:12 / 2576人閱讀

摘要：前端跨域前端跨域請(qǐng)求當(dāng)前屬于屬于常規(guī)操作純前端跨域?yàn)g覽器同源策略，正常情況下，會(huì)導(dǎo)致無法跨域。標(biāo)簽可以跨域加載腳本。。屬于必填項(xiàng)，屬于通配符，如果沒有，就會(huì)報(bào)錯(cuò)。

前端跨域 前端跨域請(qǐng)求當(dāng)前屬于屬于常規(guī)操作（AJAX)

json-padding（純前端跨域）
瀏覽器同源策略，正常情況下，會(huì)導(dǎo)致XHR無法跨域。

script標(biāo)簽可以跨域加載js腳本。。
script標(biāo)簽加載的腳本文件會(huì)立刻執(zhí)行。
本地腳本預(yù)先定義一個(gè)callback(data)函數(shù)，然后向支持jsonp的服務(wù)發(fā)起一個(gè)請(qǐng)求，服務(wù)器一般會(huì)返回callback(data)的形式，這樣就變相獲得并操縱數(shù)據(jù)。
一般形式

CORF
CORF是跨站資源共享的簡(jiǎn)稱，具體細(xì)節(jié)過多，詳情可以參考
http://www.html5rocks.com/en/tutorials/cors/
https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS
如果只是簡(jiǎn)單的獲取局部數(shù)據(jù)的話，操作并不難，下面是Express的一個(gè)簡(jiǎn)單實(shí)現(xiàn)（REST API端）

app.all("*",function(req,res,next){
   res.set({
       "Access-Control-Allow-origin" : "*",
       "Access-Control-Allow-Headers" : "X-Requested-With",
       "Access-Control-Allow-Methods" : "GET"
   }) ;
    next();
});

我用的http://127.0.0.1:1337作為靜態(tài)文件服務(wù)器，從http://127.0.0.1:1336 REST API獲取數(shù)據(jù)。

var xhr = new XMLHttpRequest();
xhr.open("GET","http://127.0.0.1:1336/blog",true);
xhr.addEventListener("load",function(e){
    console.log(this.response);
})
xhr.send();

Access-Control-Allow-origin屬于必填項(xiàng)，*屬于通配符，如果沒有，就會(huì)報(bào)錯(cuò)XMLHttpRequest cannot load http://127.0.0.1:1336/blog. No "Access-Control-Allow-Origin" header is present on the requested resource. Origin "http://127.0.0.1:1337" is therefore not allowed access.。

云服務(wù)器 GPU云服務(wù)器 linux 定時(shí)更新數(shù)據(jù) php 文件定時(shí)更新 js 不允許跨域 cdn 快照不更新

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/87495.html

相關(guān)文章

前端20個(gè)真正靈魂拷問，吃透這些你就是中級(jí)前端工程師【上篇】

摘要：還是老規(guī)矩，從易到難吧傳統(tǒng)的定時(shí)器，異步編程等。分配對(duì)象時(shí)，先是在空間中進(jìn)行分配。內(nèi)存泄漏內(nèi)存泄漏是指程序中己動(dòng)態(tài)分配的堆內(nèi)存由于某種原因程序未釋放或無法釋放，造成系統(tǒng)內(nèi)存的浪費(fèi)，導(dǎo)致程序運(yùn)行速度減慢甚至系統(tǒng)崩潰等嚴(yán)重后果。 showImg(https://segmentfault.com/img/bVbwkad?w=1286&h=876); 網(wǎng)上參差不棄的面試題，本文由淺入深，讓你在...

mdluo 2019-08-30 15:44 評(píng)論0 收藏0
前端20個(gè)真正靈魂拷問，吃透這些你就是中級(jí)前端工程師【上篇】

摘要：還是老規(guī)矩，從易到難吧傳統(tǒng)的定時(shí)器，異步編程等。分配對(duì)象時(shí)，先是在空間中進(jìn)行分配。內(nèi)存泄漏內(nèi)存泄漏是指程序中己動(dòng)態(tài)分配的堆內(nèi)存由于某種原因程序未釋放或無法釋放，造成系統(tǒng)內(nèi)存的浪費(fèi)，導(dǎo)致程序運(yùn)行速度減慢甚至系統(tǒng)崩潰等嚴(yán)重后果。 showImg(https://segmentfault.com/img/bVbwkad?w=1286&h=876); 網(wǎng)上參差不棄的面試題，本文由淺入深，讓你在...

leap_frog 2019-08-26 10:46 評(píng)論0 收藏0
前端面試題 -- JavaScript（二）

摘要：拋出的錯(cuò)誤對(duì)象會(huì)被方法回調(diào)函數(shù)接收到命令命令后面是一個(gè)對(duì)象，返回該對(duì)象的結(jié)果。有人將其稱之為宏任務(wù)微任務(wù)，定時(shí)器就屬于宏任務(wù)的范疇。前言上一篇前端面試題-JavaScript（一）, 感興趣的小伙伴也可以移步這里查看完整版JavaScript面試題，面試題會(huì)不定期更新加進(jìn)去一些個(gè)人工作中遇到的或者認(rèn)為比較重要的東西，后面會(huì)涉及到前端的各個(gè)方面，感興趣的小伙伴可以關(guān)注哦！如果文...

cgspine 2019-08-23 16:07 評(píng)論0 收藏0
前端筆試題面試題記錄（上）

摘要：后續(xù)前端筆試題面試題記錄下小結(jié)我想說的是在找工作期間，肯定有自己發(fā)揮不好，或者不會(huì)的問題，一定要在晚上的時(shí)候自己再學(xué)習(xí)總結(jié)一下，在一個(gè)問題上面盡量不要栽倒兩次，學(xué)到了的才是自己的。前言過完元宵，就到上海找了波工作，現(xiàn)在已經(jīng)入職好了，蹭波熱點(diǎn)，寫一波面試記錄，內(nèi)容包含筆試題和面試題，還有一些沒有寫進(jìn)來，準(zhǔn)備再開一篇，許久沒寫了，寫的確實(shí)有些慢。如果喜歡的話可以點(diǎn)波贊，或者關(guān)注一下，希...

wind3110991 2019-08-30 14:10 評(píng)論0 收藏0
前端筆試題面試題記錄（上）

摘要：后續(xù)前端筆試題面試題記錄下小結(jié)我想說的是在找工作期間，肯定有自己發(fā)揮不好，或者不會(huì)的問題，一定要在晚上的時(shí)候自己再學(xué)習(xí)總結(jié)一下，在一個(gè)問題上面盡量不要栽倒兩次，學(xué)到了的才是自己的。前言過完元宵，就到上海找了波工作，現(xiàn)在已經(jīng)入職好了，蹭波熱點(diǎn)，寫一波面試記錄，內(nèi)容包含筆試題和面試題，還有一些沒有寫進(jìn)來，準(zhǔn)備再開一篇，許久沒寫了，寫的確實(shí)有些慢。如果喜歡的話可以點(diǎn)波贊，或者關(guān)注一下，希...

Caizhenhao 2019-08-22 15:31 評(píng)論0 收藏0