Heim > WeChat-Applet > Mini-Programmentwicklung > Detailliertes Beispiel für die Kapselung von HTTP-Anfragen in der WeChat-Applet-Entwicklung

Detailliertes Beispiel für die Kapselung von HTTP-Anfragen in der WeChat-Applet-Entwicklung

巴扎黑
Freigeben: 2017-09-12 09:46:11
Original
1739 Leute haben es durchsucht

WeChat-Applet-HTTP-Anforderungskapselung

Beispielcode

wx.request({
 url: 'test.php', //仅为示例,并非真实的接口地址
 data: {
   x: '' ,
   y: ''
 },
 method:'POST',
 header: {
   'content-type': 'application/json'
 },
 success: function(res) {
  console.log(res.data)
 },
 fail: function( res ) {
   fail( res );
  }
})
Nach dem Login kopieren

Das Obige ist der grundlegende http-Anforderungscode des Applets , wenn alle Es ist relativ umständlich, zum ersten Mal so zu schreiben, also lassen Sie uns etwas kapseln.

Worauf achten wir im Kodex mehr?

1. Anforderungsparameter, Zugriffsschnittstelle

2. GET/POST... Anforderungsmethode

3. Anforderungsparameter werden einheitlich verarbeitet (z. B. Verschlüsselung, Einstellung öffentlich). Parameter...)

4. Daten erfolgreich zurückgegeben (zum Beispiel: Entschlüsselung, Extraktion der logischen Schichtdaten)

Feedback zu fehlgeschlagener Anfrage

Was wir tun Nicht darauf achten?

1. Anforderungs-URL (im Allgemeinen irgendwo festgelegt)

2. Erstellen Sie unterschiedliche Anforderungsparameter gemäß unterschiedlichen Schnittstellenregeln (z. B. Parameterverschlüsselung usw.)

. .

Üben wir den Code

network.js

var API_URL = 'http://localhost/loverule/api/api.php'


var requestHandler = {
  params:{},
  success: function(res){
    // success
  },
  fail: function() {
    // fail
  },
}


//GET请求
function GET(requestHandler) {
  request('GET',requestHandler)
}
//POST请求
function POST(requestHandler) {
  request('POST',requestHandler)
}


function request(method,requestHandler) {
  //注意:可以对params加密等处理
  var params = requestHandler.params;


  wx.request({
   url: API_URL,
   data: params,
   method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   // header: {}, // 设置请求的 header
   success: function(res){
    //注意:可以对参数解密等处理
    requestHandler.success(res)
   },
   fail: function() {
    requestHandler.fail()
   },
   complete: function() {
    // complete
   }
  })
}


module.exports = {
 GET: GET,
 POST: POST
}
Nach dem Login kopieren

1. Rufen Sie die Seite auf (nehmen Sie die GET-Anfrage als Beispiel)

  //导入js
  var network = require("../../utils/network.js")


  //写入参数
  var params = new Object()
  params.api_name = "api_user_login"
  params.account = "hanqing"
  params.password = "123456"


  //发起请求
  network.GET(
  {
    params: params,
    success: function (res) {
     console.log(res)
     //拿到解密后的数据,进行代码逻辑


    },
    fail: function () {
     //失败后的逻辑


    },
  })
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Kapselung von HTTP-Anfragen in der WeChat-Applet-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage