Laravel 中为表格每行单独提交数据的正确实现方式-php教程-PHP中文网

Laravel 中为表格每行单独提交数据的正确实现方式

在 laravel 中，若需为 html 表格中每一行独立绑定“插入”按钮并确保仅提交当前行数据，必须避免将所有隐藏字段置于同一表单内——否则会因同名字段覆盖导致始终提交最后一行数据。

在 laravel 中，若需为 html 表格中每一行独立绑定“插入”按钮并确保仅提交当前行数据，必须避免将所有隐藏字段置于同一表单内——否则会因同名字段覆盖导致始终提交最后一行数据。

在实际开发中，常见误区是将整个

包裹在一个

中，并为每行添加同名 name="ft" 的隐藏输入项（如）。由于 HTML 表单提交时，同名字段仅保留最后一个值，因此无论点击哪一行的按钮，后端接收到的永远是循环末尾 $feature->detail 的值。

✅ 正确做法是：为每一行单独创建一个表单，利用

以下是推荐的 Blade 模板写法：

@foreach($features as $feature)
<tr>
<td>{{ $feature->detail }}</td>
    <td>row</td>
    <td>
        <form action="%7B%7B%20route('sendDate')%20%7D%7D" method="POST">
            @csrf
            <button type="submit" name="ft" value="{{ $feature->detail }}" class="btn btn-sm btn-primary">
                Insert
            </button>
        </form>
    </td>
</tr>
@endforeach

对应控制器逻辑保持简洁安全：

Laravel Cloud

Laravel Cloud（cloud.laravel.com）。此技能用于处理所有 Laravel Cloud 请求，包括搜索和读取数据。只要任务涉及 Laravel Cloud，即使用此技能。

下载

public function submitData(Request $request)
{
    // 验证必要字段（强烈建议）
    $validated = $request->validate([
        'ft' => 'required|string|max:255',
    ]);

    Data::create([
        'detail' => $validated['ft'],
        'user_id' => auth()->id(),
        'created_at' => now(),
    ]);

    return back()->with('success', 'Row inserted successfully.');
}

? 注意事项：