从零开始学微信小程序（网络请求Request·POST）

最新推荐文章于 2024-04-27 19:48:28 发布

扬•布路

最新推荐文章于 2024-04-27 19:48:28 发布

阅读量627

点赞数 1

文章标签：小程序从零开始 POST request

本文链接：https://blog.csdn.net/weixin_43475318/article/details/83268002

版权

本文从零开始介绍如何在微信小程序中使用POST方法进行网络请求，包括多参数发送、接收JSON数据、处理POST返回值及Django后端配合。通过一系列测试，成功解决了POST请求中的问题。

摘要由CSDN通过智能技术生成

今儿来试试request.POST

从今天开始不写废话了
太浪费时间
以后所有废话都放在引用里写

几个新的点：

POST里面有header{} 解决这个东西的用法
POST如何传递大批量信息
POST接收json甚至pdf数据时的读取问题

先看小程序文档的示例

wx.request({
   
  url: 'test.php', //仅为示例，并非真实的接口地址
  data: {
   
    x: '',
    y: ''
  },
  header: {
   
    'content-type': 'application/json' // 默认值
  },
  success (res) {
   
    console.log(res.data)
  }
})

片段给的不是POST
但是用到了header
规定收到的数据是json

思考一下能用这个模板做哪些测试

试一下多参数发送测试和返回测试

小程序：

借鉴上面的示例代码
采用两个参数模拟账号和密码
接收并解析服务器发回的数据组（不止一个数据）

Django：

读取多参数并判断
发回多个值

小程序代码：

创建新按钮
函数设定为ask3

<button bindtap='ask3'>多参数发送和返回</button>

url也相应的访问新函数answer3
新增参数pass
console.log分别别打印多个值

  ask3: function () {
   
    wx.request({
   
      url: 'http://127.0.0.1:8000/miniapp/answer3',
      data:{
   
        name:"admin",
        pass:"12345678"
      },
      success(res) {
   
        console.log(res.data.name),
        console.log(res.data.gender),
        console.log(res.data.age)
      }
    })
  }

Django代码：

先新增answer3的url
views里做判断
两个密码都正确就返回三个值
否则只返回登录错误信息
注意小程序端没有接口接收登录错误信息
我们卡看会发生什么

产生了GET错误信息

修改测试1

目前我们小程序发送的信息肯定是正确的
有可能是response本身应该是纯文本
作如下改动后尝试：

if password == "12345678":
            response = {
   
                "name": "NewUser",
                "gender": "Unknown",
                "age": "25",
            }