小程序中JavaScript里data的一个问题

这是个数组, 只能用数组的方法取值.

this.data.items.id这个写法是错的, 因为对于数组items来说根本没有id这个属性, id是它包含的元素的属性.

如果你想访问数组中的第一个元素的id, 可以这样:

var id = this.data.items[0].id

console.log(id)

如果你想访问其中每一个元素,可以用数组的遍历方法, 有很多种, 例如:

this.data.items.forEach(item => {

    console.log(item.id)

})

微信小程序 获取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、新建一个project小程序项目。

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

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

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

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

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

---