PJAX:强制整个页面在手动刷新时重新加载，如何？
PJAX是一种前端技术，全称为PushState + Ajax。它可以在不刷新整个页面的情况下，通过Ajax请求获取新的页面内容，并使用HTML5的pushState方法改变浏览器的URL，从而实现页面的局部更新。
要实现PJAX的强制整个页面在手动刷新时重新加载，可以通过以下步骤：
- 监听浏览器的刷新事件，可以使用JavaScript的window对象的beforeunload事件来实现。
- 在beforeunload事件中，使用JavaScript的XMLHttpRequest对象或者fetch API发送一个同步的Ajax请求，请求当前页面的完整内容。
- 在Ajax请求的回调函数中，获取到新的页面内容后，可以使用JavaScript的DOM操作将新的内容替换到当前页面的对应位置。
- 最后，可以使用HTML5的pushState方法改变浏览器的URL，以保持URL与页面内容的一致性。
需要注意的是，PJAX的实现需要前端开发的技术支持，具体实现方式可能因项目框架和技术栈的不同而有所差异。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），它可以加速网站的访问速度，提高用户体验。腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
2回答
我是pjax和ajax的新手，实际上是一般的脚本编程。我有一个简单的pjax实现，它工作得很好，除非手动执行页面的硬重新加载。在使用键盘命令或鼠标单击手动重新加载页面时，只会将pjax div重新加载到浏览器窗口中，而不是整个页面(容器框架和pjax div)，这意味着大约8
浏览 13提问于2016-09-13得票数 2
3回答
干净地部署PJAX或Turbolinks应用程序
ruby-on-rails、ruby-on-rails-3、pjax、turbolinks
如果我有一个使用PJAX或Turbolinks的应用程序，那么当新代码部署到服务器上时，我就会看到一个问题--比如说Heroku。问题是，访问应用程序的用户将继续使用应用程序以前版本中的Javascript (因为它已经加载到浏览器中)，但将从新版本中获取HTML页面。有时，新的HTML代码假定加载了新的Javascript，因此无法正常工作。
其他人注意到这个问题了吗？你对此做了什么？
浏览 1提问于2013-03-01得票数 2
回答已采纳
1回答
在Yii2中使用Pjax for LinkPager
yii2、pjax
我试图在我的项目中使用带有LinkPager的Pjax，但它不起作用。我用错了吗？<?php \yii\widgets\Pjax::begin() ?>Pjax标记之间的所有内容都应该重新加载，而不是整个页面<
浏览 17提问于2017-08-08得票数 1
回答已采纳
1回答
将pjax与普通链接一起使用
load、hyperlink、pjax
嗨，我正在使用pjax以及html，javascript和php。我已经运行了很多问题与pjax一样，虽然加载一个php页面，和alos javascript，所以我试图使用pjax连同正常的url，以便当用户点击一个pjax链接时，它将加载通过pjax而不刷新pjax，也如果用户点击一个链接(这不使用pjax)，它将加载整个页面</em
浏览 1提问于2013-10-03得票数 0
1回答
AJAX模板呈现后的PJAX
javascript、jquery、html、ajax、pjax
我有一个使用jQuery和pjax (独立的)的应用程序。我们正在尝试实验，看看是否可以使用可能更灵活和更小的npm，而不是jquery。我的一个函数在加载数据后设置div的html，这个html包含我们希望作为pjax链接的链接，例如$('#link-container').html('<a href="/account_detail.html='+account.id+'" data-pjax >')
浏览 4提问于2014-09-30得票数 0
回答已采纳
1回答
在Yii2中，Pjax不断刷新整个页面，在listview中多次调用Pjax。
yii2、yii2-advanced-app、pjax
这几天我一直在尝试解决这个问题，基本上我尝试有commetn和子评论，评论有一个按钮/链接，名为“检索经济”来检索子评论。 ['data-pjax' => '#childCommentData-'.php Pjax::begin([
&#x
浏览 0提问于2015-12-28得票数 3
1回答
重新加载的图像未添加到本地缓存
javascript、image、caching、reload
我在我的网站上有一些Javascript，当图像被点击时，它会从服务器重新加载图像。我的网页也使用Location.Reload进行了60秒的定时刷新。唯一的问题是，通过单击重新加载的图像不会覆盖存储在缓存中的图像，因此在单击图像(以获取最新版本)后，定时刷新将其替换为较旧的缓存版本。我不想每分钟从服务器重新加载整个页面，因为25个图像中的大多数
浏览 0提问于2012-10-01得票数 0
回答已采纳
2回答
Yii2 pjax重新加载
php、yii2、pjax
我正在尝试通过pjax提交表单，提交后我想刷新表格，但是在提交表单并尝试重新加载( $.pjax.reload({container:'#products-table'}); )之后，jquery脚本不再起作用即使我添加了pjax:success，但如果我不重新装入表，所有脚本都会正常工作并发送请求，然后我必须手动重新装入才能看到更改。或者我试着在没有pjax的
浏览 1提问于2016-02-12得票数 1
1回答
如何使用ajax和pjax重新加载html的晶粒部分？
javascript、jquery、html、ajax、laravel
我是新来pjax的。我只是尝试重新加载html的某些部分后，张贴一些数据时，点击表，跨度，锚(A) html标签。但这不管用。="#container">Incomplete</a></span></td> <td></td></div>
我的Pjax('[data-<em
浏览 1提问于2017-06-16得票数 0
回答已采纳
1回答
pjax；插入内容中的某些脚本在页面刷新时不起作用
javascript、jquery、nancy、pjax、f5
基于这篇文章，我用NancyFx和pjax构建了一个应用程序：
例如，表单包含一个div，该div在表单提交后显示，以显示成功/错误消息。当窗体加载以下代码时，此面板将被隐藏：如
浏览 2提问于2014-12-18得票数 0
1回答
在Yii2应用中使用Pjax小部件。如何使用布局中的链接更新内容？
php、yii、yii2、pjax
Some HTML<?phpuse yii\widgets\Pjax;<?php Pjax::begin(); ?><?php Pjax::end(); ?>
当我点击视图中的链接-所有内容都是ok时，内容是刷新的，而不需要重新
浏览 3提问于2016-02-05得票数 2
回答已采纳
1回答
使用pjax时幻灯片显示运行不佳
javascript、php、jquery、yii、pjax
我使用调用ajax页面。但是，当使用幻灯片的页面被称为“幻灯片”时，为什么我的幻灯片放映不能正常运行呢？页面似乎无法运行jquery或幻灯片显示javascript。因为如果我正常调用页面(刷新)(没有pjax)，幻灯片显示将顺利运行。{ 'dataArtikel'=>$dataArtikel,
浏览 4提问于2015-01-17得票数 0
我在pjax块中使用了listview，这是我的视图页面： <div>نمایش</div> 'pageSize' => 15, ]);
Pjax>
浏览 2提问于2020-07-26得票数 0
回答已采纳
2回答
如何使用PJAX加载整个页面？
javascript、ajax、pjax
是否可以使用PJAX加载整个页面并更改浏览器的页面url？$('a').pjax("#container", { fragment: &quo
浏览 2提问于2012-07-13得票数 1
回答已采纳
1回答
使用pjax在后退按钮上强制执行ajax请求
ajax、pjax
这个对pjax的调用起作用，它用url的响应替换div-节。对于选项卡导航，pjax也成功地更改了url。$.pjax({ container: '#div-section', }).done(function() {});
但是，后退和向前铬按钮不重新发送Ajax请求及其<em
浏览 2提问于2017-03-28得票数 0
回答已采纳
1回答
来自控制器的YII2 PJAX和javascript函数调用动作
javascript、yii2、pjax
我在下面的示例中实现了时间的自动刷新。(只设置间隔函数1秒)
在使用inputform的视图中，我使用了这个实现，而且每次重新加载时，我都会从Inputform丢失指针。请问有什么办法，Javascript如何可以调用功能从控制器而不用按钮，或如何我可以重新加载部分页面，而不丢失指针从我的文字输入？我尝试了window.location.replace(“站点/自动刷新”)；但是它<em
浏览 1提问于2017-06-21得票数 1
1回答
如何在刷新后淡入页面内容？
javascript、jquery、html
我已经构建了一个相当简单的站点，它利用pjax加载内容。我的问题是:一旦用户滚动到说...在任何给定页面的中间，执行刷新，页面从顶部开始重新加载，然后向下跳到用户刷新时距离顶部的任何距离。我的问题是:如何在刷新后隐藏所有文档内容，然后在短暂的超时(例如，半秒)后淡入所有内容，以避免不协调的页面跳转？
任何帮助/建议都是非常感谢的！
浏览 6提问于2016-08-13得票数 0
1回答
如何使用jS动态地恢复Wordpress插件？
plugins、php、ajax、jquery
我在Wordpress站点上实现了一个PJAX (推态AJAX)库来处理页面转换，当页面内容被更新时，除了Wordpress插件之外，所有东西都按预期加载。这是因为我已经用jS重新初始化了所有其他的东西，但是我在不费力地重新加载页面的情况下，只能在需要的情况下重新初始化Wordpress插件。在页面之间更改时，PJAX库调用：
浏览 0提问于2022-02-07得票数 0
1回答
Yii2 kartik-v gridview: TypeError: jQuery(.).editable不是函数
jquery、gridview、yii2
当第一次将第一个新数据插入网格视图(此时没有来自网格视图中的数据库的数据)时，所有可编辑的列都显示为故障按钮而不是工作链接。刷新页面后，Gridview中的可编辑列如预期的那样显示为链接并正常工作。这是在Gridview中插入第一个新数据后显示的错误。
浏览 3提问于2015-03-31得票数 0
回答已采纳
1回答
如何在GridView中自动更新(定期)列？
ajax、gridview、yii2、pjax
在GridView-小部件中，但是此更新全部页面<?php$(module).ready(function() { $.pjax.reloadphp Pjax::begin(); ?>如何只更新某些列而不重新加载所有页面</em
浏览 1提问于2015-12-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
