前端跨域----不定時更新

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

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

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

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

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

CORF
CORF是跨站資源共享的簡稱，具體細節(jié)過多，詳情可以參考
http://www.html5rocks.com/en/tutorials/cors/
https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS
如果只是簡單的獲取局部數(shù)據(jù)的話，操作并不難，下面是Express的一個簡單實現(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屬于必填項，*屬于通配符，如果沒有，就會報錯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.。

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87495.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

Caizhenhao 2019-08-22 15:31 評論0 收藏0