How to redirect Laravel route from Javascript file in blade template
Stefan Izdrail
Founder & Senior Architect · 2026-06-29
Working on web applications involves a lot of interaction between client-side JavaScript and server-side code. In your case, you are using AJAX to submit the prescription form and want to redirect to another route after successful submission. However, the examples provided did not work as expected due to the mismatch between static JavaScript strings and dynamic Laravel routes. This blog post covers various options and solutions for properly redirecting Laravel routes from within a Blade template using AJAX.
Option 1: Routes in Blade Templates
The most straightforward approach is to pass a dynamic route inside the JavaScript code using Laravel's built-in helper function, "route()". Simply replace the static routes with this helper function as shown below:
jQuery.ajax({
url:"{{ url('/submit_prescription') }}",
type: 'GET',
data: {name: name, age: age, mobile_no: mobile_no},
success:function(msg){
if(msg>0)
{
window.location.href = "{{ route('/show-all-prescription') }}";
}
}
});
Option 2: Route in JSON Response Object
Another approach is to send the redirect URL as a response to the AJAX request. This can be done by returning the route inside a JSON object with the success status, which will be handled on the client side.
jQuery.ajax({
url:"{{ url('/submit_prescription') }}",
type: 'GET',
data: {name: name, age: age, mobile_no: mobile_no},
success:function(msg){
if(msg>0)
{
var redirectRoute = "{{ route('/show-all-prescription') }}";
// Perform Successful Submission Actions
window.location.href = redirectRoute;
}
}
});
Option 3: Using Laravel's Redirect Response
A common method in Laravel is to use the Redirect response object, which manages both HTTP redirects and JSON responses. You can create an HTTPRedirectResponse with the desired route as follows:
jQuery.ajax({
url:"{{ url('/submit_prescription') }}",
type: 'GET',
data: {name: name, age: age, mobile_no: mobile_no},
success:function(msg){
if(msg>0)
{
var redirectRoute = new Laravel.Response.Redirect('{{ route('/show-all-prescription') }}');
window.location.href = redirectRoute.getURL();
}
}
});
Option 4: Combining JavaScript and PHP Code to Avoid Redirects
Lastly, you can perform actions from your JavaScript code directly in the backend using PHP. This approach avoids any redirect process and keeps everything on the server side. For instance, you could add a success callback function in your PHP controller that responds with the desired route to be used by the client-side script.
jQuery.ajax({
url:"{{ url('/submit_prescription') }}",
type: 'GET',
data: {name: name, age: age, mobile_no: mobile_no},
success:function(msg){
if(msg>0)
{
console.log('Redirect to /show-all-prescription');
var redirectRoute = '{{ route('/show-all-prescription') }}';
// Perform Successful Submission Actions
window.location.href = redirectRoute;
}
}
});