window.postMessage的用法

`window.postMessage` 是 JavaScript 中的一个原生方法，它用于在浏览器窗口之间安全地传递数据，通常在跨域场景下使用，比如从嵌入的 iframe、web worker 或者同源的另一个标签页通信。这个方法主要用于父框架向子框架（如果存在）或者特定的其他窗口发送消息。

以下是 `window.postMessage` 的基本用法：

// 在父页面（发送者）
window.postMessage({ key: 'value', data: 'someData'}, 'http://targetDomain.com');

// 接收者（例如子iframe或另一个标签页）
window.addEventListener('message', function(event) {
  if (event.origin === 'http://sourceDomain.com') { // 验证来源防止恶意攻击
    console.log('Received message:', event.data);
    // 可能执行的操作，如更新UI或处理接收到的数据
  }
});

- 第一个参数 `data` 是你要发送的数据，可以是任意类型的JavaScript值。
- 第二个参数 `origin` 是发送消息的源，接收方只处理来自指定域名的消息，防止跨站脚本攻击（XSS）和跨站请求伪造（CSRF）。
- 当事件触发时，会调用 `addEventListener` 注册的回调函数，其中 `event.data` 就是接收的消息内容。

相关问题：
1. 如何验证 `window.postMessage` 发送的消息是否合法？
2. 在哪些情况下会使用 `window.postMessage` 代替传统的Ajax请求？
3. 如果需要双向通信，如何在接收消息后响应？