我正在尝试创建一个使用AJAX动态填充div的网页。我已经能够使用以下AJAX代码简单地更新div内容:

$(document).ready(function(){
    $("#projects-list a").click(function(e){
        e.preventDefault();
        var url = $(this).attr('href'); //get the link you want to load data from
        $.ajax({
            type: 'GET',
            url: url,
            success: function(data) {
                $('#content').fadeOut(300, function() {
                    $('#content').html(data).delay(200).fadeIn(300);
                });
            }
        });
    });
});


但是,我也希望找到一种更新页面URL或更改哈希的方法。因此,例如,当向用户提供/projects.html的链接时,他们将被发送到链接页面,然后单击链接时,将使用AJAX更改内容,而url将更改为/projects.html#第一。然后,用户通过这种方式导航到/projects.html#first,他们将看到第一个项目的内容,而不是要选择的原始项目列表。

最佳答案

我建议使用库来处理URLpaths
http://github.com/flatiron/director
http://balupton.github.com/history.js/demo

07-24 09:47
查看更多