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

原创于 2016-11-28 09:54:18 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#request #网络请求 #微信小程序 #小程序网络请求

微信小程序网络请求专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在微信小程序中实现网络请求，包括客户端的页面布局和逻辑代码，以及服务器端的PHP处理。通过实例展示如何发送参数并获取服务器内容。在遇到问题时，作者提供了联系方式供读者咨询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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）

3、在编写过程中有遇到任何问题或者不明白的地方，欢迎添加我的微信进行咨询，感谢支持！微信号：FutureJet