1. 程式人生 > >【Node】微信小程式網路請求封裝

【Node】微信小程式網路請求封裝

功能簡介

微信小程式網路請求封裝很簡單,因為我需要在每個網路請求裡面加入自己token、請求來源 等 ,以便於伺服器做驗證。

功能介紹

  • header :可以填寫每次請求需要新增的資訊到header
  • Code判斷:根據後臺的請求code進行網路請求判斷處理,這樣請求拿到的資料就只是自己需要的資訊
  • 錯誤請求彈窗 : code判斷若網路請求錯誤,彈窗提示
  var wxtask = wx.request({
        url: BASE_URL + url,
        header: {
            // 'content-type':'application/json',  //預設 application/json :資料序列化
// 'access-token': 'access-token', // 'app-type': 'wx-app' }, method: method, data: data, success: function (res) { console.log(res.data.code); switch (res.data.code) { case 10000://請求成功code console.log(success); success(res.data) break
case 10001://請求失敗code //錯誤請求 wx彈框提示錯誤資訊 wx.showToast({ title: res.data.msg, icon: 'none', duration: 1000 }) if (fail) { fail(res.data.msg) } break
} }, fail: function (res) { //錯誤請求 wx彈框提示錯誤資訊 wx.showToast({ title: res, icon: 'none', duration: 1000 }) if (fail) { fail(res) } } })

如何使用

  • 直接使用,簡單粗暴。
  • 直接檢視程式碼
 //POST/DELETE 請求方式呼叫方法一樣
 //1、網路請求(沒有請求引數,不需要對請求失敗情況處理)
    dev_request.Get('/classify', function (res) {
        console.log(res);
    })
    //2、網路請求(沒有請求引數,需要對請求失敗情況處理)
    dev_request.Get('/classify', function (res) {
        console.log(res);
    }, function (err) {
        console.log(err);
    })
    //3、網路請求(有請求引數,不需要對請求失敗情況處理)
    var data = {
        username: 'username',
        age: 19
    };
    dev_request.Get('/classify', data, function (res) {
        console.log(res);
    })
    //4、網路請求(有請求引數,需要對請求失敗情況處理)
    dev_request.Get('/classify', data, function (res) {
        console.log(res);
    }, function (err) {
        console.log(err);
    })
    //5、取消網路請求(所有的請求方法均返回requestTask物件,可中斷請求任務)
    var requestTask = dev_request.Get('/classify', function (res) {
        console.log(res);
    });
    //網路請求取消
    requestTask.abort()

意見反饋

如果程式碼有錯誤,或者更好的改進,請反饋到:issue、[email protected] 或者[email protected]

如果覺得對你有用的話,點一下右上的星星贊一下吧!

相關推薦

Node程式網路請求封裝

功能簡介 微信小程式網路請求封裝很簡單,因為我需要在每個網路請求裡面加入自己token、請求來源 等 ,以便於伺服器做驗證。 功能介紹 header :可以填寫每次請求需要新增的資訊到header Code判斷:根據後臺的請求code進行

程式網路請求封裝

解決什麼問題 微信小程式請求 Restful api的封裝 微信小程式請求 SOUP 協議格式資料的封裝 什麼Restful apiapi,什麼是SOUP 協議請自行搜尋。廢話不多說,直接上程式碼(talk is cheap ,show the code

程式模板訊息無限制群發

模版訊息推送是微信小程式採用的通知形式, 使用者本人在小程式頁面有互動行為後,可觸發下發通知 ,通過微信聊天列表中的服務通知可快捷進入檢視訊息。此外,點選檢視詳情還能跳轉到下發訊息的小程式的指定頁面。但是為了避免這種通知被濫用,帶來不好的使用者體驗,小程式也對模板訊息推送做了相應的限制。為了

轉載程式-開發入門(一)

微信小程式已經火了一段時間了,之前一直也在關注,就這半年的發展來看,相對原生APP大部分公司還是不願意將主營業務放到微信平臺上,以免受制於騰訊,不過就小程式的應用場景(用完即走和二維碼分發等)還是很值得我們學習的,技術上面如果瞭解React的話,會發現他們在元件化上面有很多雷同之處。說白了,小程式就是基於微信

分類 - 程式

專欄達人 授予成功建立個人部落格專欄

總結程式

最近小程式有個需求要做一個類似輪播的自定義樣式,搜了一下外掛們,一般都用到了jQuery,但是小程式又不支援操作DOM,所以直接自己捲起袖子幹吧。 如果有任何有問題的地方,歡迎各位看官指出,大家一起討論才能進步地更快XD 文章基本流程:

筆記程式

本意是想在小程式使用者授權失敗時,可以在頁面中提供一個按鈕,讓使用者點選按鈕能夠進行再次授權。 附button文件 問題:在小程式中設定的按鈕,在設定了bindtap的情況下點選,都會自動跳轉到log/log介面。 經查錯發現,是因為在

總結程式JAVA伺服器統一下單請求BODY欄位中文簽名錯誤總結

之前網上找了好久此問題都沒有解決,總結一下基本有一下幾種: 1.更改Tomcat配置 編碼改為UTF-8 2.String body  = new String("body中文欄位值".toString().getBytes("ISO8859-1"),"UTF-8");更改欄位編碼 簽

開源程式遊戲以及 Web 通用 Canvas 渲染引擎

Cax 小程式、小遊戲以及 Web 通用 Canvas 渲染引擎 特性 Learn Once, Write Anywhere(小程式、小遊戲、PC Web、Mobile Web) 支援小程式、小遊戲以及 Web 瀏覽器渲染 小程式、小遊戲和 Web 擁有相同簡潔輕巧的 API 高效能的渲染架構 超輕量

iOS程式開啟APP到底是怎麼回事?

前言 從蘋果官方來看,小程式新增了兩個功能: 1. 支援開啟移動應用 2. 標題欄區域開放自定義 針對第二個功能,就是開發者可以自定義小程式選單欄的顏色風格,根據需求,對小程式選單外的標題區域進行自定義,比如設定標題區域的顏色。這裡主要介紹一下支援開啟移動應用的功

程式碼程式 簡單一個頁面,網上圖片展示

//wxss/* 基礎樣式 */ view,scroll-view,swiper,swiper-item,icon,text,progress,button,checkbox-group,checkbox,form,input,label,picker,radio-group

Java程式imgSecCheck介面示例-校驗一張圖片是否含有違法違規內容

  近期應該部分個人開發者小程式會收到如下通知 為了快速解決問題,就直接使用官方提供的介面 imgSecCheck校驗一張圖片是否含有違法違規內容 個人小程式只是圖片的一些處理識別。固只拿imgSecChec

程式網路請求 wx.request()

一些說明 我為什麼要寫這篇文章?   這兩天一直在完善小程式的功能,昨天想加入一個藏頭詩生成的功能,本來是很簡單的,在網上找了個免費的API然後只要小程式端傳送請求處理響應就好了,可是出現了兩個問

程式網路請求wx.request請求

最近微信小程式開始開放測試了,小程式提供了很多api,極大的方便了開發者,其中網路請求api是wx.request(object),這是小程式與開發者的伺服器實現資料互動的一個很重要的api。 大家可以先看官方文件微信小程式API 再給大家提供一個開發工具下

程式網路請求 wx.request() ,data內參數後臺獲取不到

前端:小程式 介面:thinkphp3.2.3 問題描述:如果小程式設定 method:’POST’,後臺 I()無法獲取前端傳參 解決方案一: 小程式:不設定 mothod,小程式預設用’GE

程式網路請求request區域網下的開發測試

1. 請求的URL是:http://localhost/ 不管是本機還是同一個區域網下其他電腦,開啟的wampserver伺服器,都可以讓本機電腦請求到伺服器的資料。 wx.request({ url: 'http://localhost/test.php' })

程式 網路請求之設定合法域名

設定域名登入微信公眾號後臺小程式中設定→開發設定→伺服器設定必須設定域名,微信小程式才能進行網路通訊,不然會報錯如果設定好了合法域名,開發工具還提示不在合法域名列表中,因為在微信會有一段時間的快取,等一會可能就好了。還要在開發工具中重新整理一下,直到有資料顯示那就應該是沒問題

程式介面請求封裝分享~~

使用原生小程式方法時候,我們經常會需要封裝請求wx.request,下面分享一下我的一些方法 首先我們在util資料夾下面新建一個叫request的檔案; 以下是request檔案下面的內容 let devBaseUrl = 'https:/abc.com' let prdBaseUrl

程式 request請求封裝(包括登入)

這段時間都在開發小程式。封裝是少不了的部分。經過三輪的修改修改再修改之後,得到了下面現在一直在用的這版。如果小夥伴你只需要封裝,不考慮需不需要重新登入的話可以把if(res.data.code ==5000)這段去掉。下面wxLogin也可以去掉了(強迫症,用不到的都喜歡去

程式request請求封裝

var app = getApp(); function request(url,postData,doSuccess,doFail,doComplete){ var host = getApp().conf.host; wx.request({ url: host+url,