timgws / laravel-pjax
Laravel middleware for pjax. Use ajax and pushState to deliver a fast & seemless browsing experience
Requires
- illuminate/http: 4.1 - 5.2
Requires (Dev)
- phpunit/phpunit: 4.7.*@dev
This package is auto-updated.
Last update: 2024-11-08 10:48:51 UTC
README
laravel-pjax is a pjax middleware for Laravel >5.1.
By adding pjax & jQuery to your web application, ajax and pushState can be used to deliver a fast browsing experience with real permalinks, page titles, and a working back button.
This middleware adds some functionality that other middleware (at the time of writing) did not provide, such as container whitelists and faster page filtering.
I wanted to have some additional functionality for loading "pjax" AJAX requests, so I quickly threw together this package.
Setting up the middleware
Install the package:
# composer require timgws/laravel-pjax
Add the middleware to your app's kernel configuration. The higher the better!
// app/Http/Kernel.php // ... protected $middleware = [ // ... \timgws\pjax\Middleware::class, ];
Add the service provider:
// config/app.php // ... 'providers' => [ // ... Laravel providers timgws\pjax\ServiceProvider::class, // ... app providers ... ],
Publish the config file:
php artisan vendor:publish --provider="timgws\pjax\ServiceProvider" --tag="config"
and test!
Limiting containers that can be requested
One major difference between this module and other Laravel pjax middleware is that you can limit which containers can be requested via HTTP headers.
You may wish to edit the pjax.php
config file to limit valid_containers
return [ 'valid_containers' => [ '#pjax-container', '.content' ] ];
See https://github.com/defunkt/jquery-pjax#usage for further information.
Force reload of page when version changes
Inside config.php, set the layout version to force a hard reload of the requested page when a client is on an old version of the layout.
Bumping the version will force clients to do a full reload the next request getting the new layout and assets
Set the version to something like 'v1'. Also, you will need to add a meta tag like this to the base layout:
<meta http-equiv="x-pjax-version" content="v1">
return [ 'layout_version' => 'v1' ];
See https://github.com/defunkt/jquery-pjax#usage for further information.
Contributors
Contributors on GitHub
License
- MIT License (see LICENSE file)
TODO
- Build test suite