jQuery.Pjax 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
jQuery.Pjax 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 messense
适用人群 未知
收录时间 2011-07-12

软件简介

pushState + ajax = pjax

jQuery的Pjax插件,Pjax即pushState + Ajax,是实现无刷新ajax加载并解决浏览器前进和后退问题的一个开源实现。

pjax 示例代码:

$.pjax({
  url: '/authors',
  container: '#main'
})

而 ajax 的做法:

$.ajax({
  url: '/authors',
  dataType: 'html',
  beforeSend: function(xhr){
    xhr.setRequestHeader('X-PJAX', 'true')
  },
  success: function(data){
    $('#main').html(data)
    history.pushState(null, $(data).filter('title').text(), '/authors')
  })
})
展开阅读全文

代码

评论 (2)

加载中

引用来自“Aizen_2016”的评论

11
2018/11/27 11:38
回复
举报
11
2017/05/16 17:01
回复
举报
2017/03/06 11:27
回复
举报
更多评论
暂无内容
发表了博客
2018/02/02 18:47

jquery pjax 用法总结

以前我们点击a链接的时候总是会刷新整个页面并跳转到新页面,中间可以很明显的看到短暂的白屏。pjax就很好的解决了这问题。 pjax的原理很简单,就是发送一个ajax请求,获取html代码,再把相关代码应用到指定容器中,就完成了pjax。pjax除了解决跳转白屏以外,还能替代iframe,让前端不得不使用iframe的场景大大减少。 一...

0
0
发表了博客
2018/03/26 16:45

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别

$(function(){})已经是一个匿名函数了,在里面定义的函数已经是私有了,不能全局访问。把函数定义在全局,也就是function外面,这样外部才能调用。 Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); 在DOM加载完成...

0
0
发表于大前端专区
2014/01/17 16:13

JQuery - $, JQuery, Window.load, JQuery.ready

开篇之前偶然间看到和这篇文章有关的Stackoverflow的一个thread,在这里摘录。 $(document).ready(function() { // executes when HTML-Document is loaded and DOM is ready alert("document is ready"); }); $(window).load(function() { // executes when complete page is fully loaded, including all frames, ...

0
0
发表了博客
2018/06/21 03:16

jquery-3 jquery选择器

jquery-3 jquery选择器 一、总结 一句话总结:选择器使用的时候可以结合参考手册,里面都已经详细归类好了。(多用才能熟啊) 1、$(:input).css({'color':'#987654'}); 中的css方法中的参数是什么数据格式? 是json数据格式,也就是jquery中的参数采用的是json数据格式 2、jquery中的参数采用的是什么数据格式? json数据...

0
0
发表了博客
2018/03/14 00:12

You-Dont-Need-JQuery (你不需要JQuery)

看完这篇文章我才觉得真的要用JQuery ,因为实在是有些地方设计的使用太复杂了, document.querySelector() 和 Document.querySelectorAll 的确是很方便的API... 不过很多功能还是用JQuery实现起来比较简单。 You Don't Need jQuery 前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等...

0
1
发表了博客
2011/03/28 08:41

jQuery jquery-1.5.1.min.js使用

请问下 jquery-1.5.1.min.js 导入MyEclipse9.0有错误提示 是怎么回事

0
1
发表了博客
2018/03/28 09:47

JQuery

JQuery简介   JQuery是一个轻量级的、兼容多浏览器的JavaScript库。   JQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富...

0
0
发表了博客
2018/02/24 20:28

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别及用法

假如你现在还在为自己的技术担忧,假如你现在想提升自己的工资,假如你想在职场上获得更多的话语权,假如你想顺利的度过35岁这个魔咒,假如你想体验BAT的工作环境,那么现在请我们一起开启提升技术之旅吧,详情请点击http://106.12.206.16:8080/qingruihappy/index.html query是优秀的Javascrīpt框架。我们现在来讨论下...

0
0
发表于大前端专区
2019/06/05 18:19

jQuery

一.万能的$($===jQuery) $是一个对象,也是一个方法 1.1 直接获取页面的元素 $("选择器") 例:$("#id值") 1.2 dom就绪后执行相应的代码 window.onload = function(){...} -> 页面加载完毕后执行(所有数据请取完毕)...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2012/04/11 22:06

PJAX 介绍

介绍 pushState是一个可以操作history的api,该api的介绍和使用请见这里:http://www.welefen.com/use-ajax-and-pushstate.html 目前已经有http://github.com/, http://plus.google.com, http://www.welefen.com 等网站已经使用。 pjax是对ajax + pushState的封装,让你可以很方便的使用pushState技术。 同时支持了缓存和...

11
115
发表了问答
2016/08/09 18:20

PJAX对于java后台开发,目前有啥好的处理方法吗?

PJAX是个好东西,发现在很多大的内容网站都在用,像淘宝,Facebook.. 但是问题需要处理两种不同的请求,后台的返回数据需要做不同的处理, 对于这种开发不知道大家有好的开发建议吗?

2
1
2016/04/01 16:38

wordpress全站启用pjax后的一些问题,求指教

鄙人弄了个wordpress的网站,额 美女图片的,地址就不给了,昨天捣鼓了一晚上弄得差不多了,用的已经封装好的pjax,github地址:https://https://github.com/defunkt/jquery-pjax 但是还有些问题需要解决。 1、发现广告失效了,pjax后如何重新让广告重新生效 2、如果是一个元素的click事件跳转的地址,如何用pjax,官网的...

1
1
发表了问答
2015/05/25 22:38

oschina页顶不刷新是怎么实现的

为什么没看到oschina的pjax的实现

4
0
发表了问答
2013/04/23 15:35

关于pjax方式无刷新加载网页?

pjax使用不成功啊,已经成功发出了pjax请求了,但是瞬间请求就abort,然后又采用刷新的方式加载,什么问题? 我的做法: 1.加入jquery、pjax的js包 2.前台对a标签作pjax处理,主要是a标签选择器和替换区域选择器 3.后台针对性输出要的内容 如下图所示: 大家可以用手firebug测试:http://50vip.com/list.php?p=2 因为目前...

5
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2 评论
169 收藏
分享
返回顶部
顶部