纵有疾风起
人生不言弃

零基础学小程序003—-请求服务器数据,请求后台json数据

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

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

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

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

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

一,我们通常请求后台的数据如下:

零基础学小程序003—-请求服务器数据,请求后台json数据插图
image
零基础学小程序003—-请求服务器数据,请求后台json数据插图(1)
image

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

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

先看效果图

零基础学小程序003—-请求服务器数据,请求后台json数据插图(2)
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>
零基础学小程序003—-请求服务器数据,请求后台json数据插图(3)
代码结构.png

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

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

零基础学小程序003—-请求服务器数据,请求后台json数据插图(4)
公众号二维码.jpg

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

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

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

文章转载于:https://www.jianshu.com/p/9ac7eb57657c

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

未经允许不得转载:起风网 » 零基础学小程序003—-请求服务器数据,请求后台json数据

分享到: 生成海报
avatar

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活