Datatable如何将数据从输入传递到控制器

Question

在数据表中，我为每一行输入一个输入，我想在这个输入中添加一些文本，对于每个输入，我想获取文本并将其保存到数据库中 我正在使用 laravel 并想使用 ajax 现在它只对第一个输入工作正常，但对于第二个我写的任何内容都将采用第一个输入文本

输入栏：

{data: 'vendor_id',mRender: function (data, type, row) {                   
    return '<label hidden>'+data+'</label> <input type="text" id="vendor_name" class="vendor_name" data-id="'+row.id+'" onClick="this.select();" value="'+data+'">';}
},

{data: 'vendor_no', mRender: function (data, type, row) {                   
    return '<label hidden>'+data+'</label> <input type="text" id="vendor_no" class="vendor_no"  onClick="this.select();" value="'+data+'">';}
},

ajax 向控制器发送变量

<script type="text/javascript">
    $(document).on('blur focusout', "#vendor_name", function(){
        var id = $(this).data("id");
        $.ajax({
            type: 'POST',
            url: 'Vendor_Save',
            data: {
                '_token': $('input[name=_token]').val(),
                'currentid': id,
                'current_vendor_name':$('#vendor_name').val(),
              },
            success: function(data) {
                console.log(data);
            }
        });
    });
</script>

Answer 1

由于 ID 必须是唯一的...改用类，您需要事件发生的类实例的值。

$(document).on('blur focusout', ".vendor_name", function(){
                                // ^^ class selector
    var id = $(this).data("id");
    $.ajax({
        type: 'POST',
        url: 'Vendor_Save',
        data: {
            '_token': $('input[name=_token]').val(),
            'currentid': id,
            'current_vendor_name':$(this).val(),// `this` is current instance
          },
        success: function(data) {
            console.log(data);
        }
    });
});