資訊專欄INFORMATION COLUMN
在自己的服務(wù)器上傳了一個json文件：http://47.75.195.199/NodeApi/...
項目地址
https://github.com/chunsenye/...
test.json
{
"a": "hello!",
"b": "this",
"c": "is",
"d": "my",
"e": "first",
"f": "api"
}
現(xiàn)在通過兩種方式請求它
1. 在node環(huán)境中使用js代碼進(jìn)行http請求 具體代碼如下
getJson.js
//需要先按照request模塊
//npm i request
var request = require("request");
// request(url,callback);
request("http://47.75.195.199/NodeApi/test.json", function (error, response, data) {
//如果請求成功則打印數(shù)據(jù) 否則顯示錯誤信息
if (!error && response.statusCode == 200) {
console.log(data);
}else {
console.log(error);
console.log(response.statusCode);
}
});
在改文件目錄下 運行 node getJson.js
請求成功 結(jié)果如下
2.在html文件中的js代碼中進(jìn)行http請求（ajax 和 jsonp）
getJson.html
第一次嘗試 直接使用ajax 來 GET 請求數(shù)據(jù)
獲取json數(shù)據(jù)
得到的結(jié)果是這樣的
這就是大名鼎鼎的跨域問題，我們不能直接請求這個服務(wù)器上的數(shù)據(jù) 但是可以通過jsonp 實現(xiàn)原理需要知道
第二次嘗試 加多了一行代碼 dataType: "jsonp"
得到結(jié)果是 Uncaught SyntaxError: Unexpected token :
這里是接口的數(shù)據(jù)不對，所以沒辦法獲取，如果要使用jsonp獲取 test.json應(yīng)該這樣寫 加多一個中括號
第三次嘗試
test.json
[{
"a": "hello!",
"b": "this",
"c": "is",
"d": "my",
"e": "first",
"f": "api"
}]
請求成功了，數(shù)據(jù)格式也對了，但是就是一直走error那里，并不會執(zhí)行成功的回調(diào)
第四次嘗試
還是不行 說是還要改服務(wù)器，到這里就很難受了，我剛買的阿里云服務(wù)器 還是centos系統(tǒng)的 目前還不知道如何解決 所以只能換一個鏈接 用別人的數(shù)據(jù)
更換鏈接：http://apis.juhe.cn/goodbook/...
這是我在聚合申請的一個接口 請求次數(shù)有限 每天只有一百次
最終請求成功，Chrome瀏覽器會攔截這樣的代碼 需要允許運行。
后面會處理服務(wù)器的問題，或許有人看到 也可以指點一下我 。我的GitHub https://github.com/chunsenye/... 記得給個★哈
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/98140.html
摘要：服務(wù)端接收到請求后，通過該參數(shù)獲得回調(diào)函數(shù)名，并將數(shù)據(jù)放在參數(shù)中將其返回收到結(jié)果后因為是標(biāo)簽，所以瀏覽器會當(dāng)做是腳本進(jìn)行運行，從而達(dá)到跨域獲取數(shù)據(jù)的目的。 在使用Vue搭建的一個后端管理系統(tǒng)中，我使用axios請求本地的Node環(huán)境下的接口，但是請求失敗，然后我錯誤信息是：showImg(https://segmentfault.com/img/remote/1460000018521...
摘要：同源策略所謂同源是指協(xié)議，域名，端口均相同。同源策略是瀏覽器的一個安全功能，不同源的客戶端腳本在沒有明確授權(quán)的情況下，不能讀寫對方資源。需注意的是由于同源策略的限制，所讀取的為跨域請求接口所在域的，而非當(dāng)前頁。 一、什么是跨域 1.URL解析 URL （Uniform Resource Locator ）統(tǒng)一資源定位符（URL）是用于完整地描述Internet上網(wǎng)頁和其他資源的地址的...
摘要：在接觸前端開發(fā)起，跨域這個詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn)，最近在工作中遇到了跨域的相關(guān)問題，這里我把它總結(jié)記錄一下。 在接觸前端開發(fā)起，跨域這個詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn)，最近在工作中遇到了跨域的相關(guān)問題，這里我把它總結(jié)記錄一下。關(guān)于跨域，有N種類型，現(xiàn)在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹)，內(nèi)容...
摘要：關(guān)于，強烈推薦閱讀跨域資源共享詳解阮一峰另外，這里也整理了一個實現(xiàn)原理圖簡化版如何判斷是否是簡單請求瀏覽器將請求分成兩類簡單請求和非簡單請求。 前言 從剛接觸前端開發(fā)起，跨域這個詞就一直以很高的頻率在身邊重復(fù)出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過N個跨域相關(guān)的問題了，16年時也整理過一篇相關(guān)文章，但是感覺還是差了點什么，于是現(xiàn)在重新梳理了一下。 個人見識有限，如有差錯，請多多見諒，歡迎提出iss...
閱讀 1097·2021-11-23 09:51
閱讀 3596·2021-11-22 12:04
閱讀 2858·2021-11-11 16:55
閱讀 3144·2019-08-30 15:55
閱讀 3339·2019-08-29 14:22
閱讀 3443·2019-08-28 18:06
閱讀 1316·2019-08-26 18:36
閱讀 2210·2019-08-26 12:08
