javascript - 使用 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。

如果我使用这种方法会怎样？好吧，我有点受限，因为我应该使用相同的方法处理每次点击，但我不确定它是否有效(第一次使用此方法)。

例如，如果我必须在用户显示他自己的名字登录后对 header 进行充值，我可能在使用该方法时遇到问题。这就是为什么我需要使用一些真正的 AJAX 代码。

将此表单替换为欢迎消息，例如“您好用户”。

一些提示？

提前致谢。

Answer 1

你可以使用这个方法。但这取决于你的目的是什么？如果您想创建具有多个页面的非常简单的网站，那没问题。

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

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