微信小程序如何实现前后端数据交互的图文教程详解？

本文共计973个文字，预计阅读时间需要4分钟。

目录+前言+一+微信小程序发送请求+二+后端接口接收小程序请求并返回数据+三+最终效果展示+总结+前言+简要介绍下我写的这个危险小程序前后端交互的业务，主要涉及两个数据：suppl

目录

• 前言
• 一 微信小程序发送请求
• 二 后端接口接受小程序请求并返回数据
• 三 最后的效果图
• 总结

前言

先简单说一下我写的这个危险小程序前后端交互的业务，主要是两个数据：supplyCount和wantBuyCount，分别代表我的车源和我的求购。目前的需求就是小程序向后端发送请求，然后后端从数据库获取车源和求购的数量反馈给小程序，最后将这两个数据显示出来。

因为就两个数据所以处理起来是比较简单的，可以把这个当做小程序前后端交互最基础CRUD方法，属于是打基础的技能。

一 微信小程序发送请求

首先在微信开发者工具的api.js里面加入发送的请求地址,如图所示

这里我将util.request微信封装的方法截图出来,大家可以看看他的格式和传递的参数和数据，可以看出，wx.request里面有四个参数，分别是请求地址url，返回后端的参数data，请求的方法method，和头部header，已经从后端请求成功后从后端返回的数据res。

根据这个方法，我们可以写出通过用户id查询用户车源和求购数量的请求。首先在data中定义两个变量存储车源和求购数量,如图所示。