如何在不刷新页面的情况下改变URL

转载 2018年04月17日 16:24:14

本文为饥人谷原创文章,首发于 前端学习指南


问没有具体业务场景的技术问题都是耍流氓,那在回答这个问题之前先简单介绍一下业务场景。

下午6点半,小 H写了一个下午的代码揉揉眼睛伸个懒腰,「今天终于能早点回去了,先刷会知乎歇会」。突然,产品 小U一脸淫笑飘了过来,小 H 略感不妙。
『嗨嗨~ 你这工作状态不饱和啊,有个小需求来看看~。现在需要做一个新闻展示页,主功能区块分为新闻列表和分页两部分。很简单,两天能搞定吧~』小 U 说。
小 H 看了看原型稿,心想确实不难。点击分页时把直接把分页参数传递给后台,页面刷新后台直接返回渲染后的数据就行了,模板写的好的话甚至 js 都不需要了。正当小 H 开口准备说说技术实现时,被小 U 打断...
『不过为了体验好一些,在用户点下一页的时候别刷新页面』小 U 说。
『不刷新页面没关系,我用 ajax 可以实现,不过时间嘛...』小 H 略有所思
『果然是大牛啊,能实现我就放心了。时间好商量,不过这个项目特别急,晚上加加油啊』,说完小 U 就飘走了。
『cao, 看来又走不成了』小 H 嘀咕着。
两分钟后小 U 又跑了过来,『刚才忘了跟你说了,用户点了下一页后地址栏的地址要跟着变,这时候刷新页面还能定位到当前页』

都是“#”号惹得祸――URL中“#”号导致无法刷新页面问题

         在做弹出IE窗口刷新父窗口的页面时,发现使用window.opener.location.href=window.opener.location.href语句并不是每次都起作用,有时...
  • zhmnsw
  • zhmnsw
  • 2007-12-11 17:17:00
  • 1073

几种不刷新页面取数据的方法

以下是几种常用的方法,当然取数据的后缀名可以为.asp,.jsp等等的带参数url.1.function loadXml(url){ var loXML = new ActiveXObject("MS...
  • chenzengxi
  • chenzengxi
  • 2002-06-10 09:35:00
  • 742

如何在不刷新页面的情况下改变URL

本文为饥人谷原创文章,首发于 前端学习指南。问没有具体业务场景的技术问题都是耍流氓,那在回答这个问题之前先简单介绍一下业务场景。 下午6点半,小 H写了一个下午的代码揉揉眼睛伸个懒腰,「今天终于能...
  • byc233518
  • byc233518
  • 2018-04-17 16:24:14
  • 17

实现不刷新整个页面进行前进后退

在html5出来前,实现无刷新前进后退通常是结合location.hash+onhashchange事件来实现的; 在html5出来后,可以使用h5 history api来实现无刷新前进后退 点击...
  • a460550542
  • a460550542
  • 2017-10-10 19:11:15
  • 1653

不刷新页面改变浏览器地址栏

在火狐下测试没有问题,ie
  • liujihaozhy
  • liujihaozhy
  • 2014-09-24 12:58:37
  • 1747

不刷新页面修改浏览器url

最近完成Facebook的登录功能,但是在Facebook回调的时候会自动在url后面 添加#_=_ ,我们的代码在跳转回原来点击登录的页面时,这个调皮的家伙也跟着过去了,而且无法删除。 于是乎就想...
  • cuiyuan9
  • cuiyuan9
  • 2015-06-25 18:23:25
  • 1558

js实现表单提交后不重新刷新当前页面,并停留在当前页面

原文:http://www.cnblogs.com/limeiky/p/5599705.html 如何实现表单提交后不重新刷新当前页面       当我点击保存提交FORM表单后,...
  • u012063507
  • u012063507
  • 2017-04-10 21:26:27
  • 4722

不刷新页面,而刷新图片

提前准备================= 首先说一下document对象的来历。在浏览器访问的任何一个页面,都会在内存中以XML的形式存在一个副本,浏览器遵循一个内部算法将HTML转成XML,这种X...
  • linjcong
  • linjcong
  • 2007-07-10 10:49:00
  • 998

js不刷新页面,改变url

loadpage的时候有对URL Parameter的判断浏览器窗口有一个history对象,用来保存浏览历史。检查浏览器是否支持 if (window.history){ // 支持Hist...
  • zhijianyangguang
  • zhijianyangguang
  • 2017-07-24 18:59:00
  • 2080

Angular 改变url参数而不重新视图

我构建一个仪表板系统AngularJS,我遇到一个问题通过$location.path与设置的url 在我们的指示板,我们有一堆的小部件。每个显示更大的最大化观点当你点击它。我们正试图设置深度链接,允...
  • myweishanli
  • myweishanli
  • 2013-11-21 20:59:52
  • 2090
收藏助手
不良信息举报
您举报文章:如何在不刷新页面的情况下改变URL
举报原因:
原因补充:

(最多只允许输入30个字)