微信小程序网络请求应用---发送参数返回服务器
发布时间：作者：济南小程序开发来源：未知点击:
1、客户端关键代码
页面布局代码（index.wxml）
1 2 3 4 |
<input placeholder="请输入您的用户名" bindinput="getUserName"/><input password="{{password}}" placeholder="请输入您的密码" bindinput="getPassword"/><button bindtap="login">登录</button><view bindtap="showPassword">显示密码</view>
|
页面逻辑代码（index.js）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
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）
1 2 3 4 5 6 7 |
<?phpif($_REQUEST["username"]=="wxapp" && $_REQUEST["password"]=="titf" ){ echo "request success";}else{ echo "request failed";}?>
|
- 上一篇：小程序view中的节点数最多是多大？
- 下一篇：微信小程序登录页动画 - 云层漂浮
