我想使用ajax使我的网站打开链接而不刷新整个网站(只有1 div中的内容正在改变,页眉/页脚/导航总是相同的)。
在标题中我添加了js:
<script type="text/javascript" src="js/general.js"></script>
Index.php看起来像这样:
<?php
include '/gui/header.php';
include '/gui/nawigacja.php';
?>
<div id="content"></div>
<?php include '/gui/footer.php'; ?>
general.js看起来像这样:
$(document).ready(function(e) {
$('#content').load('content/main.php');
$('ul#slider li a').click(function() {
var page = $(this).attr('href');
$('#content').load('content/'+ page + '.php');
return false;
});
$('ul#menu li a').click(function() {
var page = $(this).attr('href');
$('#content').load('content/'+ page + '.php');
return false;
});
});
它在localhost(xampp)上运行良好,但是当我想将它移动到远程免费服务器进行测试时,加载功能不起作用(网站没有赢得加载所有,但当我删除&#34; $(&#39; #content&#39;)。load(&#39; content / main.php&#39;);&#34;它开始加载,但随后我的ajax没有加载内容,因为没有ajax)。
有什么方法可以解决这个问题吗? 会感激任何帮助。
答案 0 :(得分:0)
你的JS看起来很好,我猜这个URL路径不合适。通过在/
前面添加content
使其相对于根目录。
$(document).ready(function(e) {
$('#content').load('/content/main.php');
$('ul#slider li a').click(function() {
var page = $(this).attr('href');
$('#content').load('/content/'+ page + '.php');
return false;
});
$('ul#menu li a').click(function() {
var page = $(this).attr('href');
$('#content').load('/content/'+ page + '.php');
return false;
});
});
答案 1 :(得分:0)
问题可能在于缓存问题。 ? 试试吧:
continue