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

FutrueJet發表於2016-11-28
原文網址 : https://blog.csdn.net/futruejet/article/details/53373961
微信小程式伺服器

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

相關文章