微信小程序網(wǎng)絡請求應用---發(fā)送參數(shù)返回服務器內容
發(fā)布時間：2018-02-06 14:53 所屬欄目：小程序開發(fā)教程
1、客戶端關鍵代碼
-
頁面布局代碼（index.wxml）
<input placeholder="請輸入您的用戶名" bindinput="getUserName"/> <input password="{{password}}" placeholder="請輸入您的密碼" bindinput="getPassword"/> <button bindtap="login">登錄</button> <view bindtap="showPassword">顯示密碼</view>
-
頁面邏輯代碼（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";
}
?>
|
