JZTXT

小程序开发 网络请求

发布时间 2023-04-07 11:31:46作者: 观心静

前言

  此篇博客简单了解小程序的网络请求与使用

一个简单的POST网络请求

效果图

js

Page({

    /**
     * 页面的初始数据
     */
    data: {

    },

    request() {
        var that = this
        wx.request({
            //请求的url地址
            url: 'http://00.000.000.000:8091/jiaiot/api/v1/dev/getSmsCode',
            method: 'POST',
            //请求时携带的参数
            data: {
                phoneNum: 181000025,
                type: 2
            },
            //请求头
            header: {
                'content-type': 'application/json' // 默认值
            },
            //请求成功
            success: function (res) {
                that.setData({
                    code: res.data.code,
                    msg: res.data.msg,
                    timeStamp: res.data.t
                })
                console.log(res.data);
            },
            //请求失败
            fail: function (err) {
                console.log(res.data);
            },
            //请求完成后执行的函数
            complete: function () {

            }
        })
    },
})

wxml

<!--pages/main/main.wxml-->
<view class="myParentBox">
    <button class="requestButton" bindtap="request">请求网络</button>
    <text class="requestResultText">{{code}}\n{{msg}}\n{{timeStamp}}</text>
</view>

 

 

 

 

 

 

End