Ajax(加载函数)问题

时间:2014-05-16 14:26:10

标签: javascript php jquery html ajax

我想使用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)。

有什么方法可以解决这个问题吗? 会感激任何帮助。

2 个答案:

答案 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