微信小程式網路請求應用->傳送引數返回伺服器內容

FutrueJet發表於2016-11-28

1、客戶端關鍵程式碼

  • 頁面佈局程式碼(index.wxml)

顯示密碼

  • 頁面邏輯程式碼(index.js)
var OBJ_PAGE_DATA={};
OBJ_PAGE_DATA.data={
  password:true
}
var STR_USERNAME='';
var STR_PASSWORD='';
OBJ_PAGE_DATA['getUserName']=function(params){
  STR_USERNAME=params.detail.value;
}
OBJ_PAGE_DATA['getPassword']=function(params){
  STR_PASSWORD=params.detail.value;
}
OBJ_PAGE_DATA['login']=function(){
  wx.request({
    url: '',//使用https開頭的伺服器地址
    data: {
      username:STR_USERNAME,
      password:STR_PASSWORD
    },
    method: 'GET', 
    success: function(callback){
      console.log(callback)
      var str_serverRetureData=callback.data;
      if(str_serverRetureData=="request success"){
        wx.showToast({
          title:"請求成功"
        })
      }else{
        wx.showModal({
          title:"錯誤",
          content:"請求失敗",
          showCancel:false
        })
      }
    }
  })
}
OBJ_PAGE_DATA['showPassword']=function(){
  var obj_setData={
    password:false
  }
  this.setData(obj_setData);
}
Page(OBJ_PAGE_DATA)


2、伺服器端程式碼(php)

<?php
	if($_REQUEST["username"]=="wxapp" && $_REQUEST["password"]=="titf" ){
	  echo "request success";
	}else{
	  echo "request failed";
	}
?>

3、在編寫過程中有遇到任何問題或者不明白的地方,歡迎新增我的微信進行諮詢,感謝支援!微訊號:FutureJet

相關文章