Developer Snippet Diary

AJAX in laravel

 IN VIEW:
1. First of all add csrf token in head and button inside any div or other location

<meta name="csrf-token" content="{{ csrf_token() }}">
 <button data-id="26" type="button">Click to Get details</button>

2. add ajax code 

<script>
    $(document).ready(function() {
        $(".use_me_button").click(function(){    
            var baseUrl = "{{ url('/') }}";
            console.log("ists base url",baseUrl);
            var idis = $(this).attr("data-id");
            const url = '/get_order_det/'+idis;
           var formData = {
               'name'  : 'rizwan',
               'email': 'gondal@gm',
           };
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    $("#order_detis").html(response);
                },
                error: function(xhr, status, error) {
                    console.error(error);
                }
            });
        });
    });
</script>

3. IN CONTROLLER:

public function get_order_det($id){
        return response()->json(['flag' => true, 'message' =>"data is returned abcdef"],200);
    }

4. IN ROUTE:

Route::post('get_order_det/{id}', 'get_order_det')->name('get_order_det')->middleware('admin_or_user');;
Posted by: R GONDAL
Email: rizikmw@gmail.com