Laravel - Ajax

Ajax (Asynchronous JavaScript and XML)is a set of web development techniques utilizing many web technologies used on the client-side to create asynchronous Web applications. Import jquery library in your view file to use ajax functions of jquery which will be used to send and receive data using ajax from the server. On the server side you can use the response() function to send response to client and to send response in JSON format you can chain the response function with json() function.

json() function syntax

json(string|array $data = array(), int $status = 200, array $headers = array(), int $options)

Example

Step 1− Create a view file calledresources/views/message.phpand copy the following code in that file.

     
  
This message will be replaced using Ajax. Click the button to replace the message.
 'getMessage()']); ?>  

Step 2− Create a controller calledLaravel - Ajaxby executing the following command.

php artisan make:controller Laravel - Ajax --plain

Step 3− After successful execution, you will receive the following output −

Step 4− Copy the following code in

app/Http/Controllers/Laravel - Ajax.phpfile.

app/Http/Controllers/Laravel - Ajax.php

json(array('msg'=> $msg), 200); } }

Step 5− Add the following lines inapp/Http/routes.php.

app/Http/routes.php

Route::get('ajax',function() { return view('message'); }); Route::post('/getmsg','Laravel - Ajax@index');

Step 6− Visit the following URL to test the Ajax functionality.

http://localhost:8000/ajax

Step 7− You will be redirected to a page where you will see a message as shown in the following image.

Step 8− The output will appear as shown in the following image after clicking the button.

The above is the detailed content of Laravel - Ajax. For more information, please follow other related articles on the PHP Chinese website!