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

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

  •  
  •   yumijie · May 18, 2016 · 5246 views
    This topic created in 3702 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  
       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   ·   5412 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 1133ms · UTC 09:18 · PVG 17:18 · LAX 02:18 · JFK 05:18
    ♥ Do have faith in what you're doing.