什么都分享
以及,记录自己的故事

Laravel使用pjax无刷新加载页面

1:安装pjax组件 composer require spatie/laravel-pjax

2:编辑app/Http/Kernel.php,在$middlewareGroups中,新加入一条\Spatie\Pjax\Middleware\FilterIfPjax::class,

3:下载 jquery.pjax jquery-3.3.1.min,在html头部文件中引用,注意pjax.js在jquery之后

4:在模板页面底部加入以下js代码

<script>
    $(document).pjax('a', '#pjax-container');
    $(document).on("pjax:timeout", function (event) {
        // 阻止超时导致链接跳转事件发生
        event.preventDefault()
    });
</script>

5:然后定义一个无刷区域divid使用pjax-container就行了。

赞(0) 打赏
本文遵守创作共享 BY-NC-ND 4.0协议,转载前请先联系作者。绯末博客 » Laravel使用pjax无刷新加载页面
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏