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

朴灿烈づ我的快乐病毒、 2021-09-19 11:00 199阅读 0赞

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2gzNTYzNjM_size_16_color_FFFFFF_t_70]

# 代码 #

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

<text>{
       {tt}}</text>
     <button bindtap="clickMe">点击我</button>

效果：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2gzNTYzNjM_size_16_color_FFFFFF_t_70 1]

\#官方文档地址：[添加链接描述][Link 1]

# 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 #

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2gzNTYzNjM_size_16_color_FFFFFF_t_70]: /images/20210726/e7108429a8ce438c8d716d295995a49b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2gzNTYzNjM_size_16_color_FFFFFF_t_70 1]: /images/20210726/9e776e83a77d4c35bb70d0ae889a5e46.png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/api/wx.request.html