微信小程序如何获取javascript 里的数据

微信小程序 获取javascript 里的数据

wxml如何获取js里的数据

例：

wxml里：

<text id="twl">{{txt}}</text>

通过上面的{{txt}}可以对应键明衫获取js里data下定义槐世的txt的值

js里：

data: { txt:{} }

首先在data里定义一个“容器”txt：{}，{}内为空代表是从别的地方传值进去，当然{}里也可以直接写数据，如txt：{‘123'}，上面的wxml获取稿腔了就相当于 <text id="twl">123</text>；通过其他方法传值到容器里用一个this.setData({})的方法，如：

onLoad: function (options) { var ta=options.kind this.setData({ txt:ta,}) },

这样上面data里定义的txt的值就是ta的值了。

Tips:小程序一定要用https

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获得数据内容，可见，成功从数据库读取数据并输出在页面上。

---