文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - 淘宝页面筛选不刷新是采用什么技术？
ringa_lee
ringa_lee 2017-04-10 16:44:48
[JavaScript讨论组]
0 9 528
举报

链接

打开链接，前面的筛选项点击筛选，页面不刷新，但是链接会改变，看了一下请求，没有xhr请求，不知道这种效果是采用什么技术实现的

ringa_lee
ringa_lee

ringa_lee

全部回复(9)
怪我咯
怪我咯2017-04-10 16:46:48 9楼

pjax(history.pushState + ajax)

传统的ajax是实现数据获取后对试图进行更新渲染, 但是无法做到历史记录, h5的新web api可以将带hash的url push进历史堆栈中以此来无需刷新发送ajax请求局部更新的效果。

相关的实现：jquery-pjax

赞 +0
添加回复
迷茫
迷茫2017-04-10 16:46:48 8楼

没有请求？请问这是什么？

赞 +0
添加回复
大家讲道理
大家讲道理2017-04-10 16:46:48 7楼

可能是 window.history.pushState

赞 +0
添加回复
PHPz
PHPz2017-04-10 16:46:48 6楼

ajax异步请求

赞 +0
添加回复
天蓬老师
天蓬老师2017-04-10 16:46:48 5楼

使用ajax

赞 +0
添加回复
迷茫
迷茫2017-04-10 16:46:48 4楼

很明显ajax请求

赞 +0
添加回复
迷茫
迷茫2017-04-10 16:46:48 3楼

采用的是jsonp+pushState的方式实现的，多谢@kikong 提醒

赞 +0
添加回复
PHPz
PHPz2017-04-10 16:46:48 2楼

这个好，不错。。。。。。

赞 +0
添加回复
PHPz
PHPz2017-04-10 16:46:48 1楼 
     pjax
赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部