微信小程序如何获取数据库数据？

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

2、新建一个project小程序项目。

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

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

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

6、在服务端新建一个api.php页面来接收微信小程序的数据请求。

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

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

2、新建一个project小程序项目。

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

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

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

6、在服务端新建一个api.php页面来接陪族收微信小程序的数据请求。

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

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

2、新建一个project小程序项目。

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

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

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

6、在服务端新建一个api.php页面来接收微信小程序的数据请求。

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

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

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

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

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

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

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

在缓漏一些场景中，我们需要获取到标签里面的塌裤值团哪简来和接口返回的值做对比，一致则进行下一步，后者进行错误判断

<block wx:for='{{objectArray}}'  data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'>

        <text class='yuzhong'>{{item.name}}</text>

    </view>

主要在于 data- 这个上面  上面的那个name 和 id 是我自己定义的，你们可以随意定义一些语义化的词，

获取也很简单：

select:function(e){

console.log(e.currentTarget.dataset.name)

    },

如图所示是接下来需要完成的效果：

页面结构：2个， index (首页)以及 details (详情页)，首页是产品列表，点击产品后进入对应的详情页。

首页的wxml结构:

首页的js数据：

对于详情页请求数据，核心在于点击对应产品然后请求对应的产品数据，因此这里的 navigator 组件跳转的url至关重要，这里的 /pages/details/details?goodsId={{index} 是模拟了后台提供的数据接口，后面的 goodsId 作为产品的辨识符，当点击之后可以获取到当前点击的是哪个产毕含芹品，以供详情页进行请求数据。

详情页wxml结构：

详情手毕页js数据：

详情页请求数据的重点在于生命周期函数， onLoad 函数，它可以在页面加载的时候进行触发，并可以通过参数获取到跳转链接上面的辨识符，也就是通过 onLoad 函数中的 options ，获取到了刚才在 index.wxml 页面url中的辨识符： goodId ；

通过它可以获取到对应的产品数据，再将数据进行修改更新到详情页结构 details.wxml 即可。

本案例中跨页面传递数据主要是利用老凯了URL传值，在另外一个页面中接收，并将数据渲染到页面中，这个过程就需要用到生命周期函数：onLoad函数。

---