【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,