微信小程序前端界面和后端服务器(PHP)的对接

最新推荐文章于 2025-06-04 15:13:31 发布

原创

最新推荐文章于 2025-06-04 15:13:31 发布 · 3.7w 阅读

183 ·

CC 4.0 BY-SA版权

关于微信小程序的界面编写的资料和书籍比比皆是，很容易找到。也就是说似乎大家都忙于处理表面的皮的技术的专研，但我一直好奇这层皮和后端服务器是如何通信交流的，如何实现信息交换的。所以本文重点研究这部分知识。

1、-- 最简单的前端和后端通信的例程

前端：*.wxml里创建一个按钮，调用函数newBtnDown, 在*.js的newBtnDown函数里调用

*.wxml  
  <view>
    <button bindtap="newBtnDown">和后台交流</button>
  </view>

//在*.js的newBtnDown函数里调用wx.request(): url 是要访问的php文件网址，data{}是要传递给后台的数据（本例有两个变量，一个是userName，一个是passWord), method: "GET" / "POST", header: 默认采用 'content-type': 'application/json'}, 返回值：成功时 success: function(res), 返回值在res里，本例调用wx.showModal, 显示提示信息窗体，显示返回值是什么。失败时 fail: function(res)。

*.js
 newBtnDown() {
    wx.request({
      url: 'https://www.tuozhirobot.com/php/test.php',
      data: {
        userName: 'Tiger0817',
        passWord: '12345',
      },
      method: 'GET