Ajax History API的默认内容

时间:2018-09-01 11:01:27

标签: javascript jquery html ajax

我目前在我的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();
        }
    });
});

0 个答案:

没有答案