Laravel

How to use laravel routes with Javascript / JQuery ?

How to use laravel routes with Javascript / JQuery ?

Generally, we can use laravel routes into its blade files, but what do we have to do when we want to use routes in javascript? is that possible to use laravel routes into javascript?

Yes, now you can use laravel routes into laravel, thanks to Tighten/Ziggi package.

In this tutorial, we will learn how we can use laravel routes into javascript, so let’s get started.

Install the package

				
					composer require tightenco/ziggy
				
			

Update your main layout file

Add the @routes Blade directive to your main layout (before your application’s JavaScript), and the route() helper function will now be available globally!

E.g (app.blade.php)

				
					.. .. @routes .. ..
				
			

Usage

// routes/web.php

				
					Route::get('users', fn (Request $request) => /* ... */)->name('users.index');
				
			

// app.js

				
					route('users.index'); // 'https://url.test/users'
				
			

So this is how its works, so simple right 🙂

You can get more information about this package from here

Kepp connected to us to get the latest laravel information.

Share On: