• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yumijie
V2EX  ›  程序员

js 让局部页面拒绝刷新怎么做?

  •  
  •   yumijie · May 18, 2016 · 5116 views
    This topic created in 3646 days ago, the information mentioned may be changed or developed.
    需求是这样的:刚做了个博客,首页嵌入一个网页播放器,但是发现刷新页面之后播放器也重置了,想请教大侠,怎样做才能让访客访问网站刷新页面播放器依然不受影响地工作.

    应该说明白了吧.
    事例:http://cnbar.cn/emlog (右下角的播放器,刷新页面播放器就停止重新播放)
    21 replies    2016-05-19 16:02:26 +08:00
    Garwih
        1
    Garwih  
       May 18, 2016
    pjax
    yumijie
        2
    yumijie  
    OP
       May 18, 2016
    @Garwih 这个我也听人说,pjax 文件我都不知道去那下载,更不知道怎么做
    pimin
        3
    pimin  
       May 18, 2016 via Android
    cookies ,用 js 每几秒更新一次,对应的是当前列表,歌曲 ID ,播放时间。
    reload 之后读取上述信息继续播放。
    yumijie
        4
    yumijie  
    OP
       May 18, 2016
    @pimin 这个好像不行,直接禁止某段 div 刷新更方便.问题是我不知道 js 怎么写,郁闷
    yoa1q7y
        5
    yoa1q7y  
       May 18, 2016
    @pimin 这样体验也很糟糕
    最好像网页版的网易云音乐一样做单页面应用
    yumijie
        6
    yumijie  
    OP
       May 18, 2016
    @yoa1q7y 恩,理想状态是 http://www.neurallinker.com
    但是自己不会弄
    banricho
        7
    banricho  
       May 18, 2016
    单页
    不会的话…… iframe 2333
    chairuosen
        8
    chairuosen  
       May 18, 2016
    唯一的办法是弄个大 iframe ,像网易云音乐。
    其他,不行。
    xummerj
        9
    xummerj  
       May 18, 2016
    我的站也是一个播放器 http://www.xummer.cn
    xummerj
        10
    xummerj  
       May 18, 2016
    我是 pjax 都懒得用,自己写了个 ajax ,自己源代码里找找,可以参考下,在底部 <!-- Piwik -->前
    McContax
        11
    McContax  
       May 18, 2016 via Android
    pjax 什么鬼,我只知道 ajax
    O3YwA1ENkb7i35XJ
        12
    O3YwA1ENkb7i35XJ  
       May 18, 2016
    @xummerj 你的网页, 点浏览器的刷新按钮播放器 不停? 我怎么没看出来?

    @yumijie 你发的 http://www.neurallinker.com 这个, 点浏览器上面的刷新按钮, 音乐不会停? 我怎么没试出来?

    如果你的刷新的意思是只仅限于, 在你的网页里点连接跳转, 音乐不停, 这个可以实现.

    但如果要求 按 F5 或者点浏览器的刷新按钮, 也不停, 对不起, 这个功能目前不可能实现.

    上面 有人说网易, 网易的那个 你按 F5 或者点刷新按钮, 也照样是停掉的.

    @yumijie 先搞清自己的需求, 你一个"刷新", 没人知道你对刷新是怎么定义的, 按常规的刷新是包含 F5 和点刷新按钮的. 而包含这两个功能点的话, 这个要求是不可能实现的(当然你如果新开一个页面专门用于播放, 你刷新当前页, 音乐当然不会停, 但你刷你播放音乐的页面,不还是照样停嘛).
    xwartz
        13
    xwartz  
       May 18, 2016
    @McContax pushState + ajax
    yumijie
        14
    yumijie  
    OP
       May 18, 2016
    @xqin 网站内连接跳转,不是 F5
    yumijie
        15
    yumijie  
    OP
       May 18, 2016
    实现了方法,这里就不贴代码了.
    Tink
        16
    Tink  
    PRO
       May 18, 2016 via iPhone
    pjax 是可以的
    xiamx
        17
    xiamx  
       May 19, 2016
    JS 都不知道怎么写还来问问题,还不赶快去学 JS !
    yimity
        18
    yimity  
       May 19, 2016
    谁告诉我 pajax 怎么阻止页面某个部分刷新?
    按了 F5 之后,整个页面刷新,怎么阻止页面某个部分刷新?
    Pajax 可以做单页,但是怎么阻止部分刷新?
    dabaii
        19
    dabaii  
       May 19, 2016
    别想了 目前只能用 iframe
    xummerj
        20
    xummerj  
       May 19, 2016
    @xqin 点浏览器的刷新,这没法实现吧。。只能保存播放状态后页面重新加载后恢复播放
    Balthild
        21
    Balthild  
       May 19, 2016 via iPhone
    不可能阻止页面的一部分不刷新,只能阻止整体页面刷新,然后用 js 手动更新部分页面和 URL ,然后这就叫 pjax
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1234 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 95ms · UTC 17:30 · PVG 01:30 · LAX 10:30 · JFK 13:30
    ♥ Do have faith in what you're doing.