Javascript 在页面上记录数据并实现pushstate（）的最佳方法

我的网站只有一个页面，内容在一个文章元素中动态变化

我正在尝试使用

pushState（）

和

popstate

事件侦听器来创建历史记录条目，这样我的网站就可以通过浏览器上的后退和前进按钮运行

我希望将页面内容存储在

stateObj

变量中，如下所示：

var stateObj={content:dynamiccarticle.innerHTML}

我不太清楚如何使用

stateObj

变量重新加载上一页

任何指点或例子都很好。尽可能远离JQuery

函数加载页（url，f）{
$.ajax({
url:'/ajax'+url，
数据类型：“json”
}).完成（功能（res）{
$（'.dynamiccartile'）.html（res.content）；
if（typeof f==‘未定义’）
pushState（{path:url}'，，url）；
});
}
$（函数（）{
$（'a'）。单击（函数（e）{//仅指向您的站点的链接
var url=$（this.attr（'href'）；
加载页面（url）；
返回false；
});
$（窗口）.bind（'popstate'，function（）{
loadpage（location.pathname+location.search，1）；
});
});
谢谢您的回答，但我不懂JQuery，只想使用JavaScriptyou使用这些函数，addEventListener和XMLHttpRequest