将id从ajax发送到控制器以删除数据

Question

我通过Ajax从数据库中获取一些用户数据。我在表格中添加了一些复选框以删除数据。我为此编写代码，但我不知道如何将用户ID从ajax发送到控制器。如果有人帮助我会很好。以下是我的代码

//使用Javascript

$(document).ready(function() {

            $(document).ready(function () {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            });

            $('select[name="class_id"]').on('change', function() {
                var classID = $(this).val();
                if(classID) {

                    $.ajax({

                        url: '/attendance/ajax/'+classID,
                        type: "GET",
                        dataType: "json",
                        success:function(data) {

                            var markup = '';
                        markup += '<tr><th style="width: 2%" class="align-middle text-center"><input type="checkbox" id="options"></th><th style="width: 2%" class="align-middle text-center">#</th> <th style="width: 15%" class="text-center">Student ID<input type="text" class="form-control" disabled></th> <th style="width: 15%" class="text-center">Student Name<input type="text" class="form-control" disabled></th> <th style="width: 15%" class="text-center">Attendance<input type="text" class="form-control" disabled></th> <th style="width: 15%" class="text-center">Date<input type="text" class="form-control" disabled></th> <th style="width: 15%;" class="align-middle text-center">Actions</th> <tr>';

                        $.each(data, function(key, value) {

                            markup += '<tr> <td><input class="checkBoxes" type="checkbox" name="checkBoxArray[]"></td> <td><input type="hidden" value="'+value.id+'" name="id[]">' + value.id + '</td> <td><input type="hidden" value="'+value.student_id+'" name="student_id[]">' + value.student_id + '</td> <td><input type="hidden" value="'+value.first_name+'" name="first_name[]"><input type="hidden" value="'+value.last_name+'" name="last_name[]">' + value.first_name+ ' '  + value.last_name +  '<td><input type="hidden" value="'+value.attendance+'" name="attendance[]">' + value.attendance + '</td>' +  '<td><input type="hidden" value="'+value.created_at+'" name="created_at[]">' + value.created_at + '</td>' + '<td style=" width=12%" class="text-center"> <a><button title="Edit" class="btn btn-outline-primary"><span class="fas fa-pencil-alt"></span></button></a> </td>' +  '</td> <tr>';

                        });
                            $('table[id="studentsData"]').html(markup);
                        }
                    });
                }
            });
        });

//提交删除按钮

<form method="post" action="delete/attendance" class="form-inline">

            {{csrf_field()}}

            {{method_field('delete')}}



            <div class="form-group">
                <select name="checkBoxArray" id="" class="form-control">

                    <option value="">Delete</option>

                </select>
            </div>

            <div class="form-group">

                <input type="submit" name="delete_all" class="btn btn-primary">

            </div>
        </form>

//路线

Route::delete('/students/delete/attendance', 'AttendanceController@deleteAttendance');

//控制器

 public function deleteAttendance(Request $request, $id) {
        if ($request->delete_single) {
            $this->destroy($id);
        }
        if(isset($request->delete_all) && !empty($request->checkBoxArray)) {

            $attendances = StudentsAttendance::findOrFail($request->checkBoxArray);

            foreach($attendances as $attendance) {

                $attendance->delete();

            }

            return redirect()->back();

        } else {

            return redirect()->back();

        }
    }

Answer 1

由于您要将id组发送到您的操作，请首先创建一个POST路由：

Route::post('/students/delete/attendance', 'AttendanceController@deleteAttendance');

然后你必须附上id与每个复选框，如：

<input class="checkBoxes" type="checkbox" name="checkBoxArray[]" value="'+value.id+'">

并将您的表单操作更新为：

<form method="post" action="/students/delete/attendance" class="form-inline">

试一试，通过在顶部添加deleteAttendance来检查你是否在dd()动作中获得了所有选定的id：

public function deleteAttendance(Request $request, $id) {
    dd( $request->checkBoxArray );

    ...
}

Answer 2

您的ajax网址与您的路线不同。

ajax : /attendance/ajax/{id}
route : /students/delete/attendance

如果我们从控制器遵循相同的指令，它需要id，所以将ajax url更改为：'/students/delete/attendance/' +classID

您的ajax类型错误，将GET更改为DELETE（与路线相同）。

那么你的路线不是使用ID，而是你的传递URL到路由和控制器的id。

Route::delete('/students/delete/attendance/{id}', 'AttendanceController@deleteAttendance');

在你的控制器上做：

public function deleteAttendance(Request $request, $id) {
    $query = StudentsAttendance::findOrFail($id);
    $query->delete();
}

如果你想删除多个学生，它将是不同的代码。