微信小程序开发js获取wxml页面数据

在微信小程序中，JavaScript (JS) 脚本想要获取 WXML 页面的数据，通常通过以下几个步骤：

1. **数据绑定**：WXML 中使用 `{{}}` 或 `<view wx:if="{{condition}}">` 这样的语法将数据绑定到视图上。例如，`<text>{{message}}</text>` 将显示变量 `message` 的值。

2. **事件监听**: 如果数据是动态更新的，比如从服务器返回，可以在 JS 文件中的相应事件处理器里获取。比如在 `onLoad` 或 `onData` 函数中处理数据加载。

3. **调用父组件方法**: 如果是父子组件间通信，可以由父组件向子组件传递数据，并在子组件的 `props` 属性中接收。

4. **API 提供的数据**: 小程序有提供一些全局 API 可以获取页面的数据，比如 `wx.getStorageSync()` 和 `wx.request()` 来存储和请求数据。

在 JS 文件中获取绑定的 WXML 数据，你可以直接访问对应的属性名，就像操作 JavaScript 对象一样。例如：

Page({
  data: {
    message: 'Hello from WXML',
  },
  onLoad: function() {
    console.log(this.data.message); // 输出 'Hello from WXML'
  }
})