微信小程序连接后端案例

后端案例"/>

微信小程序连接后端案例

setting.js

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

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

// pages/setting/setting.js
Page({/*** 页面的初始数据*/data: {demo:''},ceshifuwuqi:function(){var that = thiswx.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;
?>