如何在弹出窗口中显示Ajax响应数据？

要在弹出窗口中显示Ajax响应数据，通常会使用JavaScript来创建一个新的浏览器窗口，并将Ajax获取的数据写入这个窗口。以下是一个简单的示例，展示了如何实现这一功能：

基础概念

Ajax（Asynchronous JavaScript and XML）：是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
弹出窗口：通常指的是通过JavaScript的window.open()方法打开的一个新浏览器窗口。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ajax Popup Example</title>
<script>
function fetchDataAndShowPopup() {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            // 创建一个新的弹出窗口
            var popupWindow = window.open("", "PopupWindow", "width=600,height=400");
            // 将Ajax响应数据写入弹出窗口
            popupWindow.document.write(xhr.responseText);
        }
    };
    xhr.open("GET", "your-data-endpoint.php", true);
    xhr.send();
}
</script>
</head>
<body>

<button onclick="fetchDataAndShowPopup()">Fetch Data and Show Popup</button>

</body>
</html>