Javascript 如何在使用history.pushState功能时启用后退和前进按钮?
我已使用以下代码更新网站中的密码。我决定实现Javascript 如何在使用history.pushState功能时启用后退和前进按钮?,javascript,ajax,Javascript,Ajax,我已使用以下代码更新网站中的密码。我决定实现window.history.pushState功能。显然,它工作正常,但如果我按下后退按钮,地址栏将更新为正确的值,但navegator不会更新页面内容 使用pushState时,如何启用web浏览器的正确后退和前进功能 ajaxPost("/URLSite", idData, function (data) { //Success div.innerHTML = data.Html; if (data
window.history.pushState
功能。显然,它工作正常,但如果我按下后退按钮,地址栏将更新为正确的值,但navegator不会更新页面内容
使用pushState
时,如何启用web浏览器的正确后退和前进功能
ajaxPost("/URLSite", idData, function (data) { //Success
div.innerHTML = data.Html;
if (data.Url.length > 0 && window.history.pushState)
window.history.pushState({ "html": data.Html, "pageTitle": ' my site: ' + data.Url }, '', '/' + data.Url);
}, function (cod, Error) { //Error
var lblMsj = document.getElementById("lblMsj");
lblMsj.innerHTML =" <br/> " + Error + " <br/>";
},null);
ajaxPost(“/URLSite”),idData,函数(数据){//Success
div.innerHTML=data.Html;
if(data.Url.length>0&&window.history.pushState)
window.history.pushState({“html”:data.html,“pageTitle”:“我的网站:'+data.Url},,'/'+data.Url”);
},函数(cod,Error){//Error
var lblMsj=document.getElementById(“lblMsj”);
lblMsj.innerHTML=“
”+错误+”
”;
},空);
@SLaks是对的。我查看了一些关于onpopState的文档,下面的代码解决了这个问题
window.onpopstate = function (event) {
if (event.state)
{
var divMain = document.getElementById("divMain");
divMain.innerHTML = event.state.html;
document.title = event.state.pageTitle;
}
}
您需要处理
popState
。