小程序表单demo提交+php连接后台数据库

//index.wxml


  
    姓名
    
  
  
    提交
    重置
  

 
{{item.xingming}}

//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    //xingming:''
  },
  onLoad:function(res){
   var th=this;    //成功后数据改变，复制对象
   wx:wx.request({
     url: 'http://1.weiming.applinzi.com/wx/wx.php',
     header: {
       'content-type':'application/json'
     },
     method: 'GET',
     success: function(res) {
       console.log(res);
       th.setData({
        list:res.data
       })
     },
     fail: function(res) {
       console.log("-----fail-----");
     },
     complete: function(res) {},
   })
  },
  formSubmit: function (e) {
    //console.log(e.detail.value);
    var that = this;
    var formData = e.detail.value;
    if (e.detail.value.xingming.length == 0 || e.detail.value.xingming.length >= 8) {
      wx.showToast({
        title: '姓名不能为空或过长!',
        icon: 'loading',
        duration: 1500
      })
      setTimeout(function () {
        wx.hideToast()
      }, 2000)
    }
    else{
      wx.request({
        url: 'http://1.weiming.applinzi.com/wx/wx.php',
        data:formData,
        header: {
          "Content-Type": "application/x-www-form-urlencoded"
        },
        method: "POST",
        data: { 
        xingming: e.detail.value.xingming
        },
        success: function (res) {
          console.log(res.data);
          if (res.data.status == 0) {
            wx.showToast({
              title: '提交失败！！！',
              icon: 'loading',
              duration: 1000
            })
          } else {
            wx.showToast({
              title: '提交成功！！！',//这里打印出登录成功
              icon: 'success',
              duration: 1000
            })
            that.setData({
              xingming:''  //input框清空
            }
            )
          }
        }
      })
    }
  }
})

后台php：
fetch_all(PDO::FETCH_LAZY);  
  echo json_encode($data);//以json形式返回
}  
?>