Laravel Ajax 更新请求正在复制数据

Question

我正在尝试使用 ajax 更新数据，但我的数据被复制了， 由于ajax URL，我不确定我是否正确传递/

Ajax 代码：

jQuery(document).ready(function($)  {
$('#update-form').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: "POST",      

 url: "teachers/" + $('#update-id').attr("value"), //error is here

            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data : $(this).serialize(),

            success: function (data) {

                alert("updated");
            },
        });
    });
});

查看代码：

我有一个包含教师列表的表格，以及每个教师的编辑按钮；

<button type="button" id="btn" value="{{ $teacher->id }}" class="btn btn-primary btn-block btn-sm edit-btn">Edit</button>

在表单中我有隐藏字段

<form method="post" id="update-form">
        {{ method_field('PATCH') }}
        <input type="hidden" id="update-id" value="{{$teacher->id}}" >

            <div class="">
                <label for="efirst">efirst</label>
                <input type="text" class="form-control" name="efirst" id="update-efirst">
                <textarea name="esecond" class="form-control" id="update-esecond" rows="6"></textarea>
            </div>

                <button type="submit" class="btn btn-success"  id="update-submit">Update</button>
        </form>

当我点击更新时，教师 ID 正在更改，一个教师 ID 变为另一个教师 ID。从隐藏字段传递教师 ID 是否正确？

Answer 1

像下面这样写路线名称

在 Web.php 中

Route::post("teacher/{id}/edit","YourController")->name("teacher.update");

在刀片文件中

$('#update-form').on('submit', function (e) {
    e.preventDefault();
    var id = $('#update-id').val(); // $('#update-id').attr("value") also ok
    $.ajax({
        method: "post",  
        url: "{{ route('teacher.update',id) }}",
        dataType: 'json',
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        data : $(this).serialize(),
        success: function (data) {
            alert("updated");
        },
    });
});

试试这个。 会成功的