将JavaScript数组传递给Laravel控制器进行批量数据更新的专业指南

function getSelectedIds() {
    let selectedIds = [];
    const tableElement = document.getElementById('tblTickets'); // 假设表格ID为tblTickets
    const checkboxes = tableElement.getElementsByTagName("input"); // 获取所有input元素

    for (let i = 0; i < checkboxes.length; i++) {
        if (checkboxes[i].type === 'checkbox' && checkboxes[i].checked) {
            selectedIds.push(parseInt(checkboxes[i].value, 10)); // 将值转换为数字
        }
    }
    return selectedIds;
}

// 在Blade模板中获取Laravel路由URL
// <script>
//   const updateTicketsUrl = @json(route('tickets.update'));
// </script>

function updateSelectedItems() {
    const idsToUpdate = getSelectedIds();

    if (idsToUpdate.length === 0) {
        console.warn('没有选中任何项目进行更新。');
        return;
    }

    // 构建请求体，将ID数组作为JSON发送
    const requestBody = {
        ids: idsToUpdate // 后端将通过 'ids' 键访问这个数组
    };

    const putMethod = {
        method: 'PUT', // 使用PUT方法，与Laravel路由定义一致
        headers: {
            'Content-Type': 'application/json', // 明确告知后端请求体是JSON格式
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') // 传递CSRF token
        },
        body: JSON.stringify(requestBody) // 将JavaScript对象转换为JSON字符串
    };

    fetch(updateTicketsUrl, putMethod)
        .then(response => {
            if (!response.ok) {
                // 如果HTTP状态码不是2xx，抛出错误
                return response.json().then(errorData => {
                    throw new Error(errorData.message || '服务器错误');
                });
            }
            return response.json(); // 解析JSON响应
        })
        .then(data => {
            console.log('更新成功:', data);
            // 根据后端响应更新UI，例如刷新列表
            alert(`成功更新了 ${data.ticketsUpdated} 条记录。`);
        })
        .catch(error => {
            console.error('更新失败:', error);
            alert('更新操作失败，请重试。');
        });
}

// 假设有一个按钮触发此函数
// <button onclick="updateSelectedItems()">批量更新</button>

// routes/web.php 或 routes/api.php
use App\Http\Controllers\TicketsController;
use Illuminate\Support\Facades\Route;

Route::put("/tickets/update", [TicketsController::class, 'update'])->name('tickets.update');

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Illuminate\Http\JsonResponse; // 引入 JsonResponse 类

class TicketsController extends Controller
{
    /**
     * 批量更新票据状态。
     *
     * @param Request $request
     * @return JsonResponse
     */
    public function update(Request $request): JsonResponse
    {
        // 1. 数据验证
        // 确保请求中包含一个名为 'ids' 的数组，且数组不为空，每个元素都是整数。
        $request->validate([
            'ids' => ['required', 'array', 'min:1'],
            'ids.*' => ['integer'] // 验证数组中的每个元素都是整数
        ]);

        // 2. 从请求中获取ID数组
        $idsToUpdate = $request->input('ids');

        // 3. 执行批量更新
        // 使用 whereIn() 方法进行批量更新，避免循环查询，提高效率。
        // 假设连接的是名为 'secondDB' 的外部数据库
        $updatedRowsCount = DB::connection('secondDB')->table('ticket')
            ->whereIn('id', $idsToUpdate) // 关键：使用 whereIn() 批量匹配ID
            ->update(['name' => 'Closed']); // 更新 'name' 字段为 'Closed'

        // 4. 返回JSON响应
        // 返回更新成功的记录数
        return response()->json([
            'message' => 'Tickets updated successfully.',
            'ticketsUpdated' => $updatedRowsCount
        ]);
    }
}