將 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()檢查是否在deleteAttendance操作中獲得了所有選定的 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();
}

如果你想刪除多個學生，這將是不同的代碼。