javascript - RightJS 上的 PJAX

标签 javascript pjax rightjs

我只是四处看看,并对 RightJS 产生了某种兴趣。我一直使用 jquery 作为我的主要 javascript 框架,但现在我想学习一些新的东西。不过我想知道 RightJS 可以做 PJAX 吗?我知道只要你了解 PJAX 的工作原理,你就可以在任何框架中实现它。但是,我希望有人可以指导我如何构建它。

预先感谢您的帮助。

最佳答案

PJAX 的大部分内容包括:

  1. 执行ajax请求以获取给定页面的html(页面可以检查标题以了解是否应该返回完整的html或仅返回将要更改的内容)
  2. 将返回的 HTML 添加到容器中。
  3. 使用 Pushstate History API 更新浏览器位置。

为了确保一切正常降级,您需要使用 JavaScript 将 PJAX 监听器应用于内部链接,以便禁用 JS 的人可以正常使用这些链接。它还应该进行一些功能检查,以确保用户浏览器支持 Pushstate API 等(如果不支持,则将所有内容保留为正常链接)。

如果您有兴趣了解如何实现这些内容,我实际上自己实现了 PJAX 的 native JS 版本:https://github.com/thybag/PJAX-Standalone/blob/master/pjax-standalone.js

此外,您还可以在此处浏览 JQuery PJAX 的源代码:https://github.com/defunkt/jquery-pjax/blob/master/jquery.pjax.js

关于javascript - RightJS 上的 PJAX,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9837581/

相关文章:

javascript - Ruby 中的异步单元测试

javascript - Bootstrap 选项卡和 C3 图表不协调

javascript - 如何使jss或幻灯片的出现成为可触发事件?

javascript - PHP - 使用放大弹出窗口提交表单后显示消息

javascript - 如何在 Meteor-Angular 应用程序中安装 Bower 组件

jquery - Pjax 成功 GET 后不替换数据

javascript - 使用 pjax 提交表单

php - 多个 PJAX 请求

javascript - RightJS: getElementById 与 $ ('element_id' )