点击下面网址进入系列教程

零基础入门小程序系列教程

我们开发小程序，肯定不是简简单单的写一些页面，肯定会设计到一些和后台服务器的交互，今天就带大家来学习小程序请求后台数据。
学习要点

• 1，通过https请求后台数据
• 2，解析json数据
• 3，获取https数据

接口url：
https://30paotui.com
https://30paotui.com/buyer/product/list

一，我们通常请求后台的数据如下：

image

image

就是通过后台提供一个接口url，然后我们通过http获取https请求获取到后台数据，或则提交一些数据给后台。

二，小程序请求后台json数据代码实现

先看效果图

image

实现代码api.js

Page({  /**   * 页面的初始数据   */  data: {      },  //请求简单数据  getData:function(e){    console.log('开始加载服务器数据')    var that = this;    var jsonStr = "";    wx.request({      url: 'https://30paotui.com',      header: {        'content-type': 'application/json' // 默认值      },      success: function (res) {        console.log(res.data)        //json对象转字符串        jsonStr = JSON.stringify(res.data)        that.setData({          text: '后台返回的数据如下: \n'+jsonStr,        })      }    })  },//请求复杂json数据  getjson: function (e) {    console.log('开始加载服务器数据')    var that = this;    var jsonStr = "";    wx.request({      url: 'https://30paotui.com/buyer/product/list',      header: {        'content-type': 'application/json' // 默认值      },      success: function (res) {        console.log(res.data)        //json对象转字符串        jsonStr = JSON.stringify(res.data)        that.setData({          json: '后台返回的数据如下: \n' + jsonStr,        })      }    })  },})

api.wxml

<button bindtap='getData'>https请求简单数据</button><text>{{text}}</text><button bindtap='getjson'>请求后台json数据</button><text>{{json}}</text>

代码结构.png

由于是入门，所以代码特别少，但是基本的请求后台数据的功能都实现了

如果你有关于微信小程序的问题。
你也可以关注我的个人微信号，每天定期推送小程序最新开发技术，优秀源码，各种干货，我也会定期的更新我的小程序实战入门系列课程的源码。

公众号二维码.jpg

关注上面公众号回复1可以加小程序学习微信群，群里和大家交流学习，一起进步
有问题加我微信：2501902696（备注小程序）

源码连接链接:百度网盘
https://pan.baidu.com/s/12tnVDLy_usvw_r6Zg9ilgQ 密码:4g9c
点击下面网址进入系列教程

零基础入门小程序系列教程

原著是一个有趣的人,若有侵权,请通知删除