可以通过以下步骤实现:
<div id="content"></div>
<?php
// 从数据库获取新内容
$newContent = // 获取新内容的代码
// 输出新内容
echo $newContent;
?>
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 发送Ajax请求
xhr.open("GET", "load_new_content.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 将新内容插入到原始页面中的div元素中
document.getElementById("content").innerHTML = xhr.responseText;
}
};
xhr.send();
这样,当原始页面加载时,通过Ajax技术会向"load_new_content.php"发送一个GET请求,然后将返回的新内容插入到原始页面中的div元素中。这样就实现了重新加载包含新div内容的页面。
这种方式适用于需要动态更新页面内容而不刷新整个页面的场景,例如聊天应用中的新消息提示、实时股票价格更新等。
腾讯云提供的相关产品和服务:
请注意,这里的产品链接只作为示例,实际选择适合自己需求的产品时,应根据具体情况进行评估。
我们喜欢(使用)
我们喜欢(使用)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax做分页</title>
<script src="bootstrap/js/jquery-1.11.2.min.js"></script>
<script src="Ajax_pag.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet" type="text/css"/>
</head>
<style>
.header{
margin-top: 20px;
}
</style>
<body>
领取专属 10元无门槛券
手把手带您无忧上云