如何更改Div'；使用jQuery将内容复制到不同的PHP文件-使用超链接-不刷新页面
如何使用jQuery将Div的内容更改为不同的PHP文件-使用超链接-不刷新页面 假设我有一个id为statsdiv的div 那么让我们假设我有这些页面： page1.php page2.php page3.php 和3个链接 第1页|第2页|第3页 我需要它在文档第一次打开时预加载page1，然后我需要能够在页面的1个div内切换到page1、page2或page3，而无需刷新页面 我还需要那个div每5秒刷新一次如何更改Div'；使用jQuery将内容复制到不同的PHP文件-使用超链接-不刷新页面,php,jquery,Php,Jquery,如何使用jQuery将Div的内容更改为不同的PHP文件-使用超链接-不刷新页面 假设我有一个id为statsdiv的div 那么让我们假设我有这些页面： page1.php page2.php page3.php 和3个链接 第1页|第2页|第3页 我需要它在文档第一次打开时预加载page1，然后我需要能够在页面的1个div内切换到page1、page2或page3，而无需刷新页面 我还需要那个div每5秒刷新一次 我如何才能做到这一点？您可以使用iframe，它是一种无需太多工作即可加载完整
我如何才能做到这一点？您可以使用iframe，它是一种无需太多工作即可加载完整页面的框 但是，我建议您使用AJAX。每次用户单击您的链接时，您都会使用jquery创建一个javascript函数 $（'#statsdiv'）.load（'page1.html'）
如果我没记错，这不应该重载整个页面，但只有你的div。请让我知道如果我错了，因为我现在不能尝试我的代码。
试试这个，我认为你的div有一个STATS的ID（α-STATS），并且页面有像Page 1.PHP、PGEAD2.PHP和PGE3.PHP这样的链接。最初它将加载page1.php，稍后onclick事件将更改页面<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
// for initial load
pageUrl = 'page1.php';
// after clicking links
$('#page2').click(function(){
pageUrl = 'page2.php';
LoadingPages(pageUrl);
})
$('#page3').click(function(){
pageUrl = 'page3.php';
LoadingPages(pageUrl);
})
$('#page1').click(function(){
pageUrl = 'page1.php';
LoadingPages(pageUrl);
})
function LoadingPages(pageUrl)
{
$('#stats').load(pageUrl);
}
int = setInterval(function(){
LoadingPages(pageUrl)
},5000);
})
</script>
</head>
<body>
<div id="stats"></div>
<a href="#" id="page1"> Page 1</a>
<a href="#" id="page2"> Page 2</a>
<a href="#" id="page3"> Page 3</a>
</body>
</html>
$（函数（）{
//初始荷载
pageUrl='page1.php'；
//点击链接后
$（'#第2页'）。单击（函数（）{
pageUrl='page2.php'；
加载页面（pageUrl）；
})
$（'#第3页'）。单击（函数（）{
pageUrl='page3.php'；
加载页面（pageUrl）；
})
$（'#第1页'）。单击（函数（）{
pageUrl='page1.php'；
加载页面（pageUrl）；
})
函数加载页面（pageUrl）
{
$（'#stats'）.load（pageUrl）；
}
int=setInterval（函数（）{
加载页面（页面URL）
},5000);
})