小程序模板网

微信小程序网络请求应用---发送参数返回服务器内容

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";
}
?>


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/21608.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询