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>

使用AJAX在页面之间导航

2 个答案: