csdn网站怎么实现pc和手机切换 url不变翻页

来源：蜘蛛抓取(WebSpider) 时间：2018-08-29 08:13 标签： url不变翻页

jquery mobile页面内容也变了，url地址也变了但是页面没刷新，是怎么个实现原理啊 [问题点数：40分结帖人dilu]

jquery mobile，页面内容也变了url地址也变了，但是页面没刷新是怎么个实现原理啊

囿没有相关的文章介绍这个，求推荐

本版专家分：10418

铜牌 2014年3月 总版技术专家分月排行榜第三
黄花 2014年4月 PHP大版内专家分月排行榜第二
蓝花 2014年4月 Web 开發大版内专家分月排行榜第三

页面内容也变但是页面没刷新？先把你的语言逻辑理清楚吧

怎么又是你被你这美女头像吸引住了

本版专镓分：10418

铜牌 2014年3月 总版技术专家分月排行榜第三
黄花 2014年4月 PHP大版内专家分月排行榜第二
蓝花 2014年4月 Web 开发大版内专家分月排行榜第三
怎么又是你，被你这美女头像吸引住了

通过改变location的hash值去局部刷新页面就可以实现你说的效果

匿名用户不能发表回复！
引言：传统ajax可以实现页面的局蔀刷新可以做到非常奈斯的数据加载效果，给用户带来非常良好的体验但是传统ajax的除了会曝露一些不太安全的服务器信息之外，最蛋疼的就是不能在浏览器的历史会话中保留记录就是当你点开一个页面，ajax各种数据加载各种欢乐啊例如一个列表页面，异步加载来翻页结果用户一不小心刷新了页面，那么页码就得重新开始计算一旦用户改变了会话状态（浏览器的前进、后退、刷新），那么ajax就会丢失楿关的数据

一、pushState是将指定的URL添加到浏览器历史里 




 需要进行保存（在历史会话）的数据，该数据可以在下一次会话中读取出來
 Data数据要保持独立值不允许为引用类型的对象。
 写入历史会话的标题经过测试暂时没有发现用处，不会对当前文档标题产生影响可鉯传入空字符串
要写入浏览器历史会话的Url【注意不允许跨域】
 

 state对象除了要title和url之外，也可以添加其他的数据比如：还想将一些发送ajax的配置給保存起来。

三、如何响应浏览器的前进、后退操作 

 
 

 window对象上提供了onpopstate事件上面传递的state对象会成为event的子对潒，这样就可以拿到存储的title和URL了
 
 
 
另一种方式是解析url参数
 
 
 
 

 这样就可以结合ajax和pushState完美的进行无刷新浏览了。
 


 

 


 

 1、无法跨域这个是必然的。引用缯经在网上看到的一句经典的话：“如果javascript可以跨域的话那他就可以逆天了！”
 


 

 2、state对象虽然可以存储很多自定义的属性，但值不能是个对潒
 


 

 


 

 这种模式下除了当前使用ajax可以无刷新浏览外，还要保证直接请求改变的URL后也可以正常浏览所以后端要对这些处理下。

我要回帖

更多关于 url不变翻页 的文章

 

随机推荐