ajax 不用onclick

在JavaScript中，我们不必非得通过`onclick`事件来触发Ajax请求。可以利用更通用的事件监听器，如`addEventListener`，或者直接调用函数。这里有一个使用`addEventListener`的例子，不需要用户手动点击：

// 获取需要发起请求的元素
const button = document.getElementById("loadDataBtn");

// 监听元素的点击事件，替换为其他事件，如"mouseover"、"focus"等
button.addEventListener('click', function() {
    fetch('your-data-source.php') // 替换为实际的API地址
    .then(response => response.json()) // 假设返回的是JSON数据
    .then(data => {
        // 成功获取数据后处理
        updateDataDisplay(data);
    })
    .catch(error => {
        console.error('获取数据失败:', error);
    });
});

function updateDataDisplay(data) {
    // 更新页面容器显示收到的数据
    const dataContainer = document.getElementById("dataContainer");
    dataContainer.innerHTML = JSON.stringify(data, null, 4); // 渲染数据
}

在这个例子中，无论何时点击了那个按钮（或者其他事件），都会自动触发Ajax请求，并根据服务器响应更新页面内容。