我目前在我的Ajax页面等上使用基于Javascript的小型代码,但是我仍然停留在重要的一步;默认内容。我试图只在#content
div中写内容。即使使用Ajax页面推(在内容更改后它也会消失),它似乎仍然有效。但是一旦我重新加载页面,它就可以了再次回来。
那么,有谁知道如何显示默认内容,而不在页面刷新后显示该默认内容(如果内容已更改)?
代码:
$(function () {
var load = function (url) {
$.get(url).done(function (data) {
$("#content").html(data);
})
};
$(document).on('click', 'a', function (e) {
e.preventDefault();
var $this = $(this),
url = $this.attr("href"),
title = $this.text();
history.pushState({
url: url,
title: title
}, title, url);
document.title = title;
load(url);
});
$(window).on('popstate', function (e) {
var state = e.originalEvent.state;
if (state !== null) {
document.title = state.title;
load(state.url);
} else {
document.title = 'World Regions';
$("#content").empty();
}
});
});