Home / Questions / 101
Accepted
Shaz
Asked: 2020-12-02 10:58:38 +0800 CST 2020-12-02 10:58:38 +0800 CST

Ajax requests in Laravel

  • 772

This is the example code of a controller and the normal handling (not AJAX) of a Request or request.

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;

use Illuminate\Routing\Controller;

class UserController extends Controller
{
    /**
     * Store a new user.
     *
     * @param  Request  $request
     * @return Response
     */
    public function store(Request $request)
    {
        $name = $request->input('name');
        //
    }
}

What should I do to make it work also for AJAX requests in the function store()?

If I create another function storeAjax(), I can include it in routes.php (with a new route assigned) and it works, but it's not a good practice, since I have 2 routes and it must be the same for both requests.

php

4 Answers

  1. Best Answer

    Maybe this can help you:

    if($request->ajax()){ }//procesa la peticion ajax 
else{return $view;} //retornas por ejemplo,una vista

    As for the Routes.php, there is no need to modify, what you do in your JS is a request of type GET:

    $.ajax(type: 'GET', ...)

    And you process the request, I hope it helps you.

    • 6

  2. Use the following example to create a more powerful controller function.

    • We check if the request comes from an AJAX request or not, and we return a response in JSON or a Redirect depending on the case
    • Using Try/Catch to catch errors
    • Using Log for error logging

    -

    public function store()
{
    $data = [
        'name'  =>  Input::get('name'),
    ];

    try
    {
        $result = $this->repository->create($data);
    }
    catch (Illuminate\Database\QueryException $e)
    {
        Log::error("YourController@store: register your error", array('created_by' => Auth::user()->id, 'message' => $e->getMessage());

        if (!Request::ajax())
        {       
            return Redirect::back()
                ->with('type_message', "danger")
                ->with('message', trans('web.error'))
        }
        else
        {
            return "{\"result\":\"ko\",\"error\":\"$e->getMessage()\"}";
        }
    }

    if ($result)
    {
        if (!Request::ajax())
        {
            Log::info("YourController@store: Created OK", array('created_by' => Auth::user()->id, 'result' => $result->toArray()));

            return Redirect::back()
                ->with('type_message', "success")
                ->with('message', trans("web.created_ok"));
        }
        else
        {
            return "{\"result\":\"ok\",\"id\":\"$result->id\",\"name\":\"$result->name \"}";
        }
    }
    else
    {
        return "{\"result\":\"ko\",\"error\":\"Hubo un error guardando\"}";
    }
}

    AJAX request example:

    $.ajax({
        url: "{{ route('my_route')}}",
        data: "name="+name+"&_token={{ csrf_token()}}",
        dataType: "json",
        method: "POST",
        success: function(result)
        {
            if (result['result'] == 'ok')
            {

            }
            else
            {

            }
        },
        fail: function(){
        },
        beforeSend: function(){
        }
    });
});

    Create a route that points to the Store method of your controller, which will serve both for requests from a form and for AJAX requests:

    Route::post('/my_route', array('as' => 'my_route', 'uses' => 'YourController@store'));
    • 4

  3. There is no need to implement another method.

    If it doesn't work for you, it may be because Laravel 5 includes a CSRF token validation, for security reasons, in all POST, PUT and DELETE requests. You must include this token in the request.

    You can see different methods to include this token in the official documentation: http://laravel.com/docs/5.1/routing#csrf-protection

    • 3

  4. you can try with this

    public function store(Request $request)
{
    if($request->ajax())
    {
        $name = $request->input('name');
        Response->json($name);
    }
}
    • 0