在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。
源代码:
<!DOCTYPE html>
<html>
<head>
<title>Hot King Staff</title>
<meta charset="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="tagi" />
<meta name="Author" content="Filip Jóźwiak" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquB895.js"></script>
</head>
<body>
<div id="cialo">
<?php include('header.php'); ?>
<?php include('menu.php'); ?>
</div>
<div id="content">
<?php
$id = isset($_GET['id']) ? $_GET['id'] : '';
switch($id)
{
case '':
include 'content/news.php';
break;
case '2':
include 'content/dogs.php';
break;
case '3':
include 'content/training.php';
break;
case '4':
include 'content/links.php';
break;
case '5':
include 'content/contact.php';
break;
default:
echo 'Taka strona nie istnieje';
break;
}
?>
</div>
</body>
</html>
这是我的menu.php的代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>
</body>
</html>
您能帮助我吗,谢谢您的回复。
最佳答案
第一:
您包括我们的菜单,为什么要设置:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>
</body>
</html>
???如果您想包含此内容,则不只包含菜单:
<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>
如果您想更改网站的特定部分而无需完全刷新,则可以使用jQuery。
在您的主页中添加此jquery,但请注意,在使用jquery之前,您需要将其包含在网站中
$.ajax({
url: '/pages.php?page=dogs
success: function(data) {
$('#content').innerHTML(data);
}
});
现在创建一个pages.php
<?php
if($_SERVER['REQUEST_METHOD'] == 'GET') {
if (isset($_GET['page'])) {
$page = $_GET['page'];
switch($page)
{
case 'dogs':
echo 'dogs';
break;
case 'cats':
echo 'cats';
break;
default:
echo 'Taka strona nie istnieje';
break;
}
}
}
?>
而且不要忘了像这样在您的主页中添加内容div
<div id="content"></div>
关于javascript - 使用php重新加载内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30563159/