以下是一个使用Ajax自动刷新div并在x秒后隐藏div的代码示例:
HTML代码:
这是一个要刷新和隐藏的div
JavaScript代码:
// 使用jQuery的Ajax方法实现自动刷新div
function refreshDiv() {
$.ajax({
url: 'ajax_refresh.php', // 替换为实际的URL地址
success: function(data) {
$('#myDiv').html(data); // 将返回的数据更新到div中
setTimeout(hideDiv, 5000); // 5秒后调用隐藏div的函数
}
});
}
// 隐藏div
function hideDiv() {
$('#myDiv').hide();
}
// 页面加载完成后调用刷新div的函数
$(document).ready(function() {
refreshDiv();
});
在上面的代码中,我们使用了jQuery的Ajax方法来从服务器获取数据并更新div。在成功获取数据后,我们在div中插入返回的数据,并使用setTimeout函数来设置5秒后调用隐藏div的函数。最后,我们在页面加载完成后调用刷新div的函数。
请注意,你需要将ajax_refresh.php
替换为实际的URL地址,该地址将返回要更新到div中的数据。