How to send an ajax request using jquery in laravel?
How to send an ajax request using jquery in laravel?
1 answer
by
lew ,
9 months ago
@mallory_cormier
To send an AJAX request using jQuery in Laravel, you can follow these steps:
- First, include the jQuery library in your Laravel application. You can include it by adding the following line in the head section of your HTML file:
1
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
- Next, create a route in your Laravel application to handle the AJAX request. You can define the route in your web.php file.
1
|
Route::post('/ajax-request', 'AjaxController@handleAjaxRequest')->name('ajax.request');
|
- Create a controller called AjaxController that will handle the AJAX request. You can create the controller by running the following command in your terminal:
1
|
php artisan make:controller AjaxController |
- In the AjaxController, create a method called handleAjaxRequest that will process the AJAX request.
1 2 3 4 5 6 7 8 9 10 11 12 |
namespace AppHttpControllers;
use IlluminateHttpRequest;
class AjaxController extends Controller
{
public function handleAjaxRequest(Request $request)
{
// Process the AJAX request here
return response()->json(['message' => 'AJAX request sent successfully']);
}
}
|
- Finally, in your JavaScript file, send an AJAX request to the route you defined earlier using the following code:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
$.ajax({
url: "{{ route('ajax.request') }}",
type: "POST",
data: {
// Add any data you want to send in the request
},
success: function (response) {
console.log(response);
},
error: function (xhr, status, error) {
console.error(error);
}
});
|
That's it! You have successfully sent an AJAX request using jQuery in Laravel.