使用AJAX在页面之间导航

Question

我已经实现了一个JS解决方案以在页面之间导航，但是现在，我意识到这不足以满足我的需求。

我想使用AJAX在页面之间导航，而我的第一个想法是：

$(document).ready(function() {
    //initial
    $('#main').load('content/index.php');

    //M. clicks
    $('.menu_pc li a').click(function(){
        var page = $(this).attr('href');
        $('#main').load('content/' + page + '.php');
        return false;
    });
});

#main是HTML部分的ID。

如果使用这种方法会怎样？ 好吧，我有点局限性，因为我应该使用相同的方法来处理每次点击，而且我不确定它是否会起作用（第一次使用此方法）。

例如，如果我在显示用户自己名字的用户登录后必须为标题充值，则使用该方法可能会遇到问题。 这就是为什么我需要使用一些REAL AJAX代码的原因。

就像用此表格替换欢迎消息（如“ Hello user ”）一样。

有什么提示吗？

提前致谢。

Answer 1

您可以使用此方法。 但这取决于您的目的是什么？ 如果您想创建一个包含多个页面的非常简单的网站，则可以。

但是，如果您打算创建更大的东西，那么这样做将很难扩展。

因此，如果您的目的是创建一个大型且可轻松扩展的网站，请考虑使用例如angular或emberjs。

Answer 2

你可以用

$(document).ready(function() {
  //initial
  $('#main').load('content/index.php');

  //M. clicks
  $('.menu_pc li a').click(function(){
    var page = $(this).attr('href');
    var redirectUrlPath = 'content/' + page;
    window.location.pathname = redirectUrlPath;
    return false;
  });
});

我不确定您到底想要什么，但这会将您重定向到另一个页面。 假设您的A标签看起来像这样：

<a href='myNewPage'>link1</a>