參考部落格

目錄

• 介紹
• get請求
• post請求

介紹
一個微信小程式，同時只能有5個網路請求連線。

get請求
Api:wx.request(OBJECT)
請求引數說明

示例程式碼

wx.request({
  url: 'test.php', //僅為示例，並非真實的介面地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'content-type': 'application/json' // 預設值
  },
  success: function(res) {
    console.log
 
(res.data)
  }
})

success返回引數：

請求中斷
返回一個 requestTask 物件，通過 requestTask，可中斷請求任務。要求最低版本1.4
示例程式碼

const requestTask = wx.request({
  url: 'test.php', //僅為示例，並非真實的介面地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'content-type': 'application/json'
  },
  success: function(res) {
    console.
 
log(res.data)
  }
})

requestTask.abort() // 取消請求任務

小程式文件

post請求
與get請求差不多，需要修改的是增加一個method :”POST”方法
Tip:

• ‘Content-Type’: ‘application/json’用在get請求中沒問題. POST請求就不好使了.需要改成: “Content-Type”: “application/x-www-form-urlencoded”

示例程式碼：

//logs.js
const util = require('../../utils/util.js')

var app = getApp()
Page({
  data: {
    toastHidden: true
 
,
    city_name: '',
  },
  onLoad: function () {
    that = this;
    wx.request({
      url: "https://liaolongjun.duapp.com/ace/https.do",
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      method: "POST",
      data: { cur: 1 },
      complete: function (json) {
        if (json == null || json.data == null) {
           console.error('網路請求失敗');
           return;
         }
         wx.showModal({
           title: "提示",
           content: JSON.stringify(json.data),
           success: function (res) {
             if (res.confirm) {
               console.log("使用者點選確定")
             }
           }
         });
      }
    })
  },
  onToastChanged: function () {
    that.setData({ toastHidden: true });
  }
})
var that;
//var Util = require('../../utils/util.js');

使用http請求會出現域名不合法的情況，小程式只支援https的請求