国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

使用node.js請求接口及get請求跨域問題

EscapedDog / 1788人閱讀

在自己的服務器上傳了一個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"
 }

現在通過兩種方式請求它

1. 在node環境中使用js代碼進行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) {
  //如果請求成功則打印數據 否則顯示錯誤信息
  if (!error && response.statusCode == 200) {
    console.log(data);
  }else {
    console.log(error);
    console.log(response.statusCode);
  }
});

在改文件目錄下 運行 node getJson.js
請求成功 結果如下

2.在html文件中的js代碼中進行http請求（ajax 和 jsonp）

getJson.html

第一次嘗試 直接使用ajax 來 GET 請求數據




    
    
    
    獲取json數據

得到的結果是這樣的

這就是大名鼎鼎的跨域問題，我們不能直接請求這個服務器上的數據 但是可以通過jsonp 實現原理需要知道
第二次嘗試 加多了一行代碼 dataType: "jsonp"

得到結果是 Uncaught SyntaxError: Unexpected token :

這里是接口的數據不對，所以沒辦法獲取，如果要使用jsonp獲取 test.json應該這樣寫 加多一個中括號
第三次嘗試
test.json

[{
    "a": "hello!",
    "b": "this",
    "c": "is",
    "d": "my",
    "e": "first",
    "f": "api"
 }]

請求成功了，數據格式也對了，但是就是一直走error那里，并不會執行成功的回調

第四次嘗試

還是不行 說是還要改服務器，到這里就很難受了，我剛買的阿里云服務器 還是centos系統的 目前還不知道如何解決 所以只能換一個鏈接 用別人的數據

更換鏈接：http://apis.juhe.cn/goodbook/...
這是我在聚合申請的一個接口 請求次數有限 每天只有一百次


最終請求成功，Chrome瀏覽器會攔截這樣的代碼 需要允許運行。
后面會處理服務器的問題，或許有人看到 也可以指點一下我 。我的GitHub https://github.com/chunsenye/... 記得給個★哈

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98140.html

相關文章

  • 關于跨域

    摘要：服務端接收到請求后，通過該參數獲得回調函數名，并將數據放在參數中將其返回收到結果后因為是標簽，所以瀏覽器會當做是腳本進行運行，從而達到跨域獲取數據的目的。 在使用Vue搭建的一個后端管理系統中，我使用axios請求本地的Node環境下的接口，但是請求失敗，然后我錯誤信息是：showImg(https://segmentfault.com/img/remote/1460000018521...

    AlexTuan 評論0 收藏0

  • 大話javascript 5期：跨域

    摘要：同源策略所謂同源是指協議，域名，端口均相同。同源策略是瀏覽器的一個安全功能，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源。需注意的是由于同源策略的限制，所讀取的為跨域請求接口所在域的，而非當前頁。 一、什么是跨域 1.URL解析 URL （Uniform Resource Locator ）統一資源定位符（URL）是用于完整地描述Internet上網頁和其他資源的地址的...

    jzzlee 評論0 收藏0

  • 20K前端大佬面試(關于如何回答ajax跨域問題)

    摘要：在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。 在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。關于跨域，有N種類型，現在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹)，內容...

    Yangyang 評論0 收藏0

  • ajax跨域，這應該是最全的解決方案了

    摘要：關于，強烈推薦閱讀跨域資源共享詳解阮一峰另外，這里也整理了一個實現原理圖簡化版如何判斷是否是簡單請求瀏覽器將請求分成兩類簡單請求和非簡單請求。 前言 從剛接觸前端開發起，跨域這個詞就一直以很高的頻率在身邊重復出現，一直到現在，已經調試過N個跨域相關的問題了，16年時也整理過一篇相關文章，但是感覺還是差了點什么，于是現在重新梳理了一下。 個人見識有限，如有差錯，請多多見諒，歡迎提出iss...

    ytwman 評論0 收藏0

發表評論

0條評論

EscapedDog

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<