微信小程序data数据获取问题

原因：query.get  方法是异步的(小程序的请求方法基本都是异步执行)，所以程序会先执行updatePostData()方法 。而此时数据detail并未绑定数据，所以自然拿不到前面设定的值

解决方案：

在query.get执行完毕后的回调函数调用updatePostData()方法.

使用fetch...then...

在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。数据表的数据如下：

2

/7

新建一个project小程序项目，用于讲解微信小程序如何获得数据库数据。

在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在index.wxml页面。

4

/7

在index模块中index.js页面，在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的 *** 作，这里设置当成功获得数据后，把数据传递给index.wxml页面。

5

/7

在index.wxml页面，使用for循环遍历输出index.js传递过来的数据data，通过item将data数据输出在页面。

6

/7

在服务端新建一个api.php页面来接收微信小程序的数据请求，在api.php页面，使用mysqli连接数据库，通过query方法来执行sql语句从type数据表获得所有数据，再使用fetch_all方法获得数组数据，最后通过json_encode方法将获得的数组数据转换为json数据返回给微信小程序。代码如下：

7

/7

编译微信小程序，查看从数据表type获得数据内容，可见，成功从数据库读取数据并输出在页面上。

微信小程序前后端分离的主要实现方式是将前端和后端的代码逻辑分开，前端负责展示和交互，后端负责数据处理和逻辑控制。下面简单介绍一下微信小程序前后端分离实现的一些关键步骤：

1. 前端代码开发：使用微信小程序开发者工具或其他工具，开发出前端的界面、功能、逻辑代码等。

2. 后端接口开发：后端负责提供API接口，承担数据处理和逻辑控制等任务。采用RESTful API 或GraphQL API 形式提供前端需要的数据接口。

3. 前后端接口对接：在前端代码中，需要对后端提供的接口进行调用，获取数据进行展示，完成前后端交互。

4. 服务端部署：将后端代码部署到服务器上，在服务器上运行后端代码，使得前端发起请求后能够得到正确的数据返回。

5. 网络安全和数据安全：在前端和后端的实现过程中，需要注意网络安全和数据安全的问题，保证通信过程中的安全以及数据的保密性和完整性。

以上是微信小程序前后端分离实现的一些关键步骤，需要注意的是，该过程需要前端和后端开发人员进行密切协作，并进行适当的测试和调整，以保证整体的实现效果和性能。

---