微信小程序开发《四》执行后台服务接口

最新推荐文章于 2021-11-26 09:10:55 发布

潘多编程

最新推荐文章于 2021-11-26 09:10:55 发布

阅读量431

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/h356363/article/details/90245452

版权

微信小程序专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本地测试，可以关闭https验证

在这里插入图片描述

代码

 clickMe:function(){
    this.setData({ tt: 'http demoHello 你点了我' })

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

wxml

<!--page/component/httpdemo.wxml-->
<text>{{tt}}</text>
 <button bindtap="clickMe">点击我</button>

效果：

在这里插入图片描述

#官方文档地址：添加链接描述

Post

 clickPost: function () {


    wx.request({
      url: 'http://localhost:8080/updatecomputer', // 仅为示例，并非真实的接口地址
      method:'POST',
      data: {
        id: 1,
        name: 'SSS',
        price: 123
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded;charset=utf-8'
        
      },
      success(res) {
        console.log(res.data)
      }
    })
  }

Get

 clickMe:function(){
    this.setData({ tt: 'http demoHello 你点了我' })

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