微信小程序连接后端案例

setting.js

小Demo测试一下（楼主这里使用的为PHP后台）：

微信开发者工具中写入如下代码，

// pages/setting/setting.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    demo:''
  },


  ceshifuwuqi:function(){
    
    var that = this
    wx.request({
      url: `http://127.0.0.1:8081/sql/sql310.php`,//你的后台url地址
      data:{
        name:'微信'
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      method: "GET",
      success(result) {
        console.log(result);
        that.setData({
          demo: result.data
        })
      },
      fail(error) {
        util.showModel('请求失败', error);
        console.log('request fail', error);
      }
    })
  },



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

setting.wxml

<!--pages/setting/setting.wxml-->
<view class="container">
  
  <view bindtap='ceshifuwuqi'>点击测试服务器
  <view>{{demo}}</view></view>
  
</view>

后台代码：

<?php
$myName = $_GET['name'];  //GET方式获取传来的name参数
echo "欢迎使用，".$myName;
?>