我正在尝试创建一个使用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,他们将看到第一个项目的内容,而不是要选择的原始项目列表。
最佳答案
我建议使用库来处理URL
和paths
http://github.com/flatiron/director
http://balupton.github.com/history.js/demo