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

資訊專欄INFORMATION COLUMN

jsonpGet, 跨域如此簡單

BoYang / 3248人閱讀

摘要：源碼我們經常在項目中遇到跨域問題，比如有時候在做個人項目的時候，我們需要請求第三方的一些數據，比如請求豆瓣公開的數據，或則音樂開放的數據等等。但是毫無疑問，在我們的應用中直接請求這些將出現跨域問題。比如，向豆瓣公開發送請求。

jsonGet源碼

我們經常在項目中遇到跨域問題，比如有時候在做個人項目的時候，我們需要請求第三方的一些數據，比如請求豆瓣公開api的數據，或則qq音樂開放api 的數據等等。但是毫無疑問，在我們的web應用中直接請求這些api將出現跨域問題。所以筆者心血來潮寫了個插件—— jsonpGet。我們可以通過它來向跨域api發送get請求。下面直入主題，不多廢話。

jsonpGet

簡單易用的jsonp跨域請求插件，并且它返回一個promise。

安裝

通過npm進行安裝:

$ npm install jsonp-get
用法 jsonpGet(url, params?, callback?)

url (string) 要請求的地址

params (object) 參數，組成url的參數部分如：{a: 1, b: 2} 轉為 ?a=1&b=2

callback (string) 前后端約定的字段名，默認值為callback（通常為此值），用來攜帶回調。

demo

比如，向豆瓣公開api發送請求。我們可以在then方法的回調中處理我們的數據，十分方便。

import jsonpGet from "jsonp-get"

let url = "https://api.douban.com/v2/movie/search"
let params = { tag: "喜劇" }

jsonpGet(url, params)
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.log(err)
  })

/* Network
*
* Request URL: https://api.douban.com/v2/movie/search?tag=%E5%96%9C%E5%89%A7&callback=myback
* Request Method: GET
* Status Code: 200 OK
*/

/* Console
*
*  {count: 20, start: 0, total: 200, subjects: Array(20), title: "帶有標簽 "喜劇" 的條目"}
*/

Github: jsonGet項目 有什么問題，歡迎提 issues

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

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

相關文章

  • 同源策略和跨域方法

    摘要：同源策略的控制者是瀏覽器，瀏覽器可以控制不同域之間的資源的訪問或相互操作，但不控制自己對不同域之間的資源的操作和訪問。 同源與跨域 一般情況下，禁止一個域從另一個域讀取數據，卻可以使用某些從其他域拿到的資源。比如說，允許一個域執行、渲染、應用從其他域獲取到的腳本、圖片、樣式；同樣，一個域可以展示從其他域獲取的內容，比如在frame中顯示html文檔。網絡資源也可以選擇性的讓其他域來讀取...

    魏憲會 評論0 收藏0

  • 再也不學AJAX了?。ㄈ?em>跨域獲取資源 ③ - WebSocket & postMessag

    摘要：一基于維基百科的定義，是一種在單個連接上進行全雙工通訊的協議。讓我們看看這個模型的具體實現下面是客戶端告知服務端要升級為協議的報頭下面是服務端向客戶端返回的響應報頭想知道這些報頭中的字段中代表什么可以參考維基百科下的說明。 讓我們先簡單回顧一下之前談到的內容，AJAX是一種無頁面刷新的獲取服務器資源的混合技術。而基于瀏覽器的同源策略，不同域之間不可以發送AJAX請求。但是在某些情境下，...

    liangzai_cool 評論0 收藏0

  • HTML5跨域開發

    摘要：默認情況下，跨域請求發起時候不包含，需要我們主動將的屬性設為才行。出現錯誤時，會返回完整的棧，有利排查。不然如果出現錯，響應頭不包含這兩個跨域標記，就會理所當然地不顯示返回內容，也就無法看到錯誤描述，根本無法排查。 首發我的博客 HTML5中提供了跨域加載數據的方法，讓我們得以從JSONP或者Flash中介等各種繞行方案中解脫出來，更加順暢地與服務器交流。另一方面，因為PHP...

    xiaolinbang 評論0 收藏0

  • 如何替代即將淘汰的Flash方案？

    摘要：下面介紹第二種方法降子域通信不支持時降子域通信不支持時，降子域通信由于和都是屬于下的子域，同源策略在前端頁面中判定依據是而不是。歡迎大家前往騰訊云+社區，獲取更多騰訊海量技術實踐干貨哦~ 本文由MarsBoy發表于云+社區專欄 | 導語 Web技術飛速發展的如今，我們在感受新技術帶來的便捷和喜悅的同時，也時常在考慮著一個問題：老技術如何遷移。正如本文的主題一樣，Flash技術在早年風靡在...

    GHOST_349178 評論0 收藏0

發表評論

0條評論

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