微信小程序开发技巧汇总

//app.js
App({
 globalData: {
  user_id: null,
  unionid:null,
  url:"https://xxx./index.php/Home/Mobile/",   //请求的域名
  user_info:null
 }
})

//index.js
//获取应用实例
const app = getApp()  //获取app
//let url = app.globalData.url; //使用方法，可先定义或者直接使用app.globalData.url
wx.request({
  url: app.globalData.url + 'checkfirst', //就可以直接在这里调用
  method:'POST',
  header:{"Content-Type":"application/x--form/"}
  data:{},
  suess:(res)=>{}

onLoad: function (options) {
  let that = this //保存临时指针
  wx.request({
   url: url + 'GetCouponlist',
   method: 'POST',
   header: { 'Content-Type': 'application/x--form-urlencoded' },
   data: { },
   suess(res) {
    that.setData({  //使用临时指针
     coupon_length:res.data.data.length
    })
   }
  })

suess:(res) => {
    this.setData({  //此时this仍然指向onLoad
     coupon_length:res.data.data.length
    })
   }

//封装请求
const app = getApp()
let host = app.globalData.url

/
  POST 请求
  model:{
  url:接口
  postData:参数 {}
  doSuess:成功的回调
   doFail:失败回调
  }
 /
function postRequest(model) {
 wx.request({
  url: host + model.url,
  header: {
   "Content-Type": "application/x--form-urlencoded"
  },
  method: "POST",
  data: model.data,
  suess: (res) => {
   model.suess(res.data)
  },
  fail: (res) => {
   model.fail(res.data)
  }
 })
}

/
  GET 请求
  model:{
   url:接口
   getData:参数 {}
   doSuess:成功的回调
   doFail:失败回调
  }
 /
function getRequest(model) {
 wx.request({
  url: host + model.url,
  data: model.data,
  suess: (res) => {
   model.suess(res.data)
  },
  fail: (res) => {
   model.fail(res.data)
  }
 })
}

/
  module.exports用来导出代码
  js中通过 let call = require("../util/request.js") 加载
 /
module.exports = {
 postRequest: postRequest,
 getRequest: getRequest
}

module.exports = {
postRequest: postRequest,
getRequest: getRequest
}

let call = require("../../utils/request.js")

//获取广告图
  call.getRequest({
   url:'GetAd',
   suess:(res)=>{   //箭头函数没有指针问题
    this.setData({
     urlItem: res.data
    })
   }
  })

call.postRequest({
   url: 'addorder',
   data: {
    shop_id: that.data.shop_id,
    user_id: app.globalData.user_id,
    coupon_sn: that.data.coupon_sn,
    carType: that.data.car_type,
    appointtime: that.data.toTime
   },
   suess:(res)=>{
    console.log(res)
    wx.navigateTo({
     url: '../selectPay/selectPay?order_sn=' + res.data.order_sn + '&fee=' + res.data.real_pay + "&order_id=" + res.data.order_id,
    })
   }
  })

<input class='search_input' type='text' confirm-type='search' bindconfirm='toSearch' ></input>
//js部分
toSearch(e){
 console.log(e.detail.value) //e.detail.value 为input框输入的值
}

//wxml部分
<form bindsubmit="formSubmit" bindreset="formReset">
 <input class='search_input' type='text' confirm-type='search' name="search" bindconfirm='toSearch' >
 <button class='search_btn' form-type='submit'>搜索</button></input>
</form>

//js部分
formSubmit(e){
 console.log(e.detail.value.search) //为输入框的值，input记得添加name属性
}