有没有什么办法可以更改URl而不刷新页面

有没有什么办法可以更改URl而不刷新页面,在分享的过程中带到下一次打开的链接的浏览器上(或者URl上或者任意一个window属性上)

墨色风雨
浏览 984回答 2
2回答

有只小跳蛙

window.history.pushState()看看这个

萧十郎

下面是我在项目中封装的 pjax(随着听吧, 哈哈)pjax 文件module.exports = function(option){&nbsp; &nbsp; if( window.history.pushState ){&nbsp; &nbsp; &nbsp; &nbsp; //option.event.preventDefault() //阻止A标签跳转&nbsp; &nbsp; &nbsp; &nbsp; //请求JSON,拼数据&nbsp; &nbsp; &nbsp; &nbsp; $.getJSON(option.getUrl, function(data){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.history.pushState({},0, option.winUrl);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; option.pinHtml(data);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; };}调用方法:$.PJAX({&nbsp; &nbsp; &nbsp;getUrl : "",&nbsp; //请求JSON数据的URL&nbsp; &nbsp; &nbsp;winUrl : $('#url').attr("href"),&nbsp; //更变地址栏URL&nbsp; &nbsp; &nbsp;event&nbsp; : event,&nbsp; &nbsp; &nbsp;pinHtml: function (data) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var html = '<li><i>¥'+data.detail.albums[0].itemId+'</i></li>';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$(".box").html(html);&nbsp; &nbsp; &nbsp;}&nbsp;});&nbsp;项目在google 上是正常访问的, 但是在底版本火狐上会经常报错,升级了就没什么问题了。 但是 最近又要 删掉这个项目中的 这个pjax 。 原因是 项目中 条件筛选 和 数据排序 都是用的这种方式,所以流量损失很大,现在统一改回a链接跳转
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript