常见方式包括：dom 操作：通过 dom 方法读取 dom 元素数据，如表单元素的 value 属性。事件监听器：在事件发生时捕获用户交互并读取数据，如监听 change 事件读取表单值。框架 api：利用框架提供的 api 简化数据读取，如 jquery 中的 val() 方法。ajax 请求：从远程服务器获取数据，如使用 fetch api 发起 get 请求。

在JavaScript中读取宏控件（Macro Control）数据的方式取决于宏控件的具体类型和用途。通常情况下，宏控件可能是指网页上的一种特殊元素或组件，比如表单元素、DOM元素等。以下是几种常见的读取宏控件数据的方式：

通过DOM操作读取数据：如果宏控件是一个DOM元素，你可以通过JavaScript中的DOM操作方法来读取其数据。比如，如果你想要读取一个表单元素的值，可以使用document.getElementById()或其他选择器方法选取该元素，然后使用.value属性获取其值。

// 假设表单元素的id为"inputBox"
var inputElement = document.getElementById("inputBox");
var inputValue = inputElement.value;

通过事件监听器读取数据：如果宏控件是一个可以响应事件的元素，你可以通过事件监听器来捕获用户的交互行为，并读取相应的数据。比如，你可以监听表单元素的change事件或者按钮元素的click事件，然后在事件处理函数中读取数据。

// 监听表单元素的change事件
inputElement.addEventListener("change", function() {
    var inputValue = inputElement.value;
    console.log("Input value changed to: " + inputValue);
});

通过特定框架或库提供的API读取数据：如果你使用了特定的JavaScript框架或库，比如jQuery、React、Angular等，它们通常提供了简化DOM操作和数据读取的API。你可以根据所用框架或库的文档查找相应的方法来读取宏控件的数据。

通过Ajax请求读取远程数据：如果宏控件需要从远程服务器获取数据，你可以使用Ajax（Asynchronous JavaScript and XML）技术来发起HTTP请求，并在请求成功后读取返回的数据。你可以使用原生的XMLHttpRequest对象或者更方便的fetch API来进行Ajax请求。

// 使用fetch API发送GET请求
fetch('http://example.com/api/data')
    .then(response => response.json())
    .then(data => {
        console.log('Received data:', data);
        // 在这里处理返回的数据
    })
    .catch(error => console.error('Error fetching data:', error));

无论是哪种方式，确保你了解宏控件的结构和特性，并选择适合你需求的方法来读取数据。