要实现Ajax点击事件并列举和发布数据,可以按照以下步骤进行解决:
document.getElementById("getDataBtn").addEventListener("click", function() {
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的URL
xhr.open("GET", "data.php", true);
// 设置请求完成后的回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,将返回的数据显示在数据容器中
document.getElementById("dataContainer").innerHTML = xhr.responseText;
}
}
// 发送请求
xhr.send();
});
当按钮被点击时,Ajax将发送一个GET请求到data.php文件,该文件将返回数据并在HTML页面中显示出来。