how send array to controller use ajax?

Question

I have a datatable with checkboxes, and a validation button that allows filling the table ITEMS [] by an array, I want to send this array to my controller with ajax. please, help.

Here is my datatable:

 <div id='form2'>
    <h3>form group 2</h3>
    <h4>DATE : <span id="dateE"></span></h4>
    <h4>chantier : <span id="ch"></span></h4>
    <div class="form-group col-md-offset-5 ">
        <button class="btn btn-success add-all" type="submit" id="hide">Pointage</button>
    </div>
    <table class="table table-bordered" id="mytable">
        <tr>
            <th>Archive</th>
            <th><input type="checkbox" id="check_all"></th>
            <th>S.No.</th>
            <th>matricule</th>
            <th>nom & prenom</th>
            <th>salaire net</th>
            <th>nbre de jour </th>
            <th>prime</th>
        </tr>
        @if($salaries->count())
            @foreach($salaries as $key => $salarie)
                <tr id="tr_{{$salarie->id}}">
                    <td>archive</td>
                    <td><input type="checkbox" class="checkbox" data-id="{{$salarie->id}}"></td>
                    <td>{{ ++$key }}</td>
                    <td>{{ $salarie->matricule }}</td>
                    <td >{{ $salarie->nom }} {{ $salarie->prenom }}</td>
                    <td>
                        <input type="hidden" name="salaire" value="{{ $salarie->salairenet }}">
                        {{ $salarie->salairenet }}
                    </td>
                    <td ><input type="text" class='input2' name="nbreJ" class="form-control" ></td>
                    <td><input type="text" name="prime" class="form-control" value="0"></td>
                </tr>
            @endforeach
        @endif
    </table>
 </div>

Here is my code jquery:

$('.add-all').on('click', function() {
    var items = [];
    let valu = $('#datePicker').val();
    $("tr").each(function(i,r) {
        if ( i > 0 && $(r).find("input").first().prop("checked")) {  

            items.push({"matricule": r.cells[3].innerText, "salaire": r.cells[5].innerText, "date" : valu })
        }
    });

    //ajax
    $.ajax({ 
        method      : 'POST', 
        url       : 'mois', 
        data      : items, 
        success   : function(data) {
            if (!data.success) {
                if (data.errors.name) { 
                    $('.throw_error').fadeIn(1000).html(data.errors.name); 
                }
            } else {
                $('#success').fadeIn(1000).append('<p>' + data.posted + '</p>'); 
            }
        }
    });
});

Route:

Route::post('mois', 'SalarieController@addMultiple');

Controller:

public function addMultiple(Request $request)
{
    dd($request->all());
}

i suggest you try this steps stackoverflow.com/a/56624658/8863063 — Developer
– Developer, Commented Jun 22, 2019 at 14:44

Developer · Accepted Answer · 2019-06-22 15:09:58Z

2

try this you forgot to pass token and json key

$.ajax({ 
        method      : 'POST', 
        url       : 'mois', 
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        data      : {"items":items}, // pass in json format 
        success   : function(data) {
            console.log(data);
        },
        error : function(err){
            console.log(err)
        }
    });
 //fin ajax 
  });

in your contoller

public function addMultiple(Request $request){
    return response()->json([
            'status'=>200,
            'message' => "success",
            'data' => $request->all()
    ]);
}

edited Jun 22, 2019 at 15:09

answered Jun 22, 2019 at 14:57

Developer

4647 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Developer Over a year ago

try this error and success functions.error for only geting errors and success for geting value and dont forgot to pass csrf firld in laravel if your route is csrf protected

Developer Over a year ago

hi @NajibMarzouk if its working accept this answer .

Craig · Accepted Answer · 2019-06-22 14:11:39Z

0

(I don't have enough rep to post this as a comment)

Are you getting any response from your controller?
Try using '/mois' as the ajax url (with the slash)
Have you set up jQuery Ajax to use the CSRF token? https://laravel.com/docs/5.8/csrf#csrf-x-csrf-token
Laravel comes with Axios (which is pretty awesome and is already configured to use the CSRF token) for HTTP requests, have you tried using this?

Axios request would look like this;

axois.post('/mios', items)
.then((response) => {
  console.log(response)
})
.catch((error) => {
  console.log(error)
})

answered Jun 22, 2019 at 14:11

Craig

361 bronze badge

2 Comments

Developer Over a year ago

hi @Craig you are right its better for use and auto configed csrf if he's using this. he need to install npm right ? because axios configed in package json and csrf fiels configed in bootstrap.js file how run axios without run npm install

Craig Over a year ago

Yes, you would need to have NPM installed. After running npm install Axios should be set up without any extra configuration.

Collectives™ on Stack Overflow

how send array to controller use ajax?

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related