微信小程序 数据请求

在微信小程序中想要对其他接口进行数据请求,首先在【微信公众平台】中登录小程序,

微信公众平台的地址为:微信公众平台 (qq.com),在服务器域名中配置request合法域名,配置完后,在自己的微信小程序右侧的【详情】页面可以看到刚刚配置的域名,到此,准备工作结束。

在微信小程序的数据请求中,有两点必须注意:

1、请求的接口必须使用https

2、接口地址中不能使用ip地址或者localhost,必须使用域名

开始正式的程序开发。

GET请求:

wxml

复制代码
<button bindtap="getUserInfo">GET请求</button>

在对应的.js文件中

javascript 复制代码
getUserInfo(){
    wx.request({
      url: 'url/api/get',
      method:"GET",
      data:{
        name:"张三",
        age:23
      },
      success:(res)=>{
        console.log(res.data)
      }
    })
  },

url代表调用的地址

method声明使用的是GET请求,

data是数据

采用success回调函数获取接口返回的数据

POST请求

post请求与get请求类似

在wxml中

javascript 复制代码
<button bindtap="postUserInfo">POST请求</button>

在对应的.js中

javascript 复制代码
postUserInfo(){
    wx.request({
      url: 'url/api/post',
      method:"POST",
      data:{
        name:"张三",
        age:23
      },
      success:(res)=>{
        console.log(res.data)
      }
    })
  }

url代表调用的地址

method声明使用的是POST请求,

data是数据

采用success回调函数获取接口返回的数据

如果想在页面加载时就进行数据请求,将请求的方法放在.js文件中的onLoad()中即可。
相关推荐
不如摸鱼去11 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
这是个栗子13 小时前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
TuCoder15 小时前
景区导览小程序功能选型指南:刚需配置、增值功能与技术避坑要点
小程序
小羊Yveesss17 小时前
2026年知识付费小程序多少钱一个?
小程序
一只皮卡皮卡丘18 小时前
微信小程序tab页苹果显示安卓不显示的问题
微信小程序·小程序
六月的可乐18 小时前
【干货】小程序虚拟瀑布流探索小结
前端·react.js·小程序
前端 贾公子1 天前
小程序蓝牙打印探索与实践(上)
小程序
拙慕JULY1 天前
小程序返回 base64 文件报错
开发语言·javascript·小程序
dh131222505252 天前
按月季度销售业绩核算小程序
小程序·销售小程序·绩效小程序·业绩统计小程序·业绩核算小程序
拙慕JULY2 天前
微信小程序自定义标题背景色
微信小程序·小程序