Laravel与JavaScript：高效实现批量数据更新的完整指南

function getSelectedIds() {
    let selectedIds = [];
    // 假设你的复选框在一个ID为 'tblTickets' 的表格中
    let tblTickets = document.getElementById('tblTickets');
    let checkboxes = tblTickets.getElementsByTagName("input"); // 获取所有input元素

    for (let i = 0; i < checkboxes.length; i++) {
        // 检查input是否是复选框且被选中
        if (checkboxes[i].type === 'checkbox' && checkboxes[i].checked) {
            selectedIds.push(checkboxes[i].value);
        }
    }

    // 将字符串ID转换为数字类型，确保后端接收到的是整数数组
    return selectedIds.map(Number);
}

<!-- 在你的Blade模板中，通常在head或body底部引入 -->
<script>
    // 假设后端已经通过 @json($route) 将路由URL传递给 ticketsApi
    const ticketsUpdateUrl = @json(route('tickets.update'));
    // 获取CSRF token，通常在meta标签中定义
    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
</script>

<!-- ... 你的HTML内容，例如一个按钮触发更新 ... -->
<button onclick="updateSelectedTickets()">更新选中票据</button>

<script>
function updateSelectedTickets() {
    let idsToUpdate = getSelectedIds();

    if (idsToUpdate.length === 0) {
        alert('请至少选择一个票据进行更新。');
        return;
    }

    const requestOptions = {
        method: 'PUT', // 匹配Laravel路由的PUT方法
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': csrfToken // 传递CSRF token
        },
        body: JSON.stringify({ ids: idsToUpdate }) // 将ID数组作为JSON对象发送
    };

    fetch(ticketsUpdateUrl, requestOptions)
        .then(response => {
            // 检查响应是否成功，例如HTTP状态码2xx
            if (!response.ok) {
                // 如果服务器返回非2xx状态码，抛出错误
                return response.json().then(err => { throw new Error(err.message || '服务器错误'); });
            }
            return response.json(); // 解析JSON响应
        })
        .then(data => {
            console.log('更新成功:', data);
            alert('选中的票据已成功更新！');
            // 可以根据需要刷新页面或更新UI
            // location.reload();
        })
        .catch(error => {
            console.error('更新失败:', error);
            alert('更新操作失败：' + error.message);
        });
}

// 辅助函数，用于从页面收集选中的ID
function getSelectedIds() {
    let selectedIds = [];
    let tblTickets = document.getElementById('tblTickets');
    if (tblTickets) {
        let checkboxes = tblTickets.querySelectorAll("input[type='checkbox']"); // 精确选择复选框
        checkboxes.forEach(checkbox => {
            if (checkbox.checked) {
                selectedIds.push(checkbox.value);
            }
        });
    }
    return selectedIds.map(Number); // 确保转换为数字数组
}
</script>

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

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

// app/Http/Controllers/TicketsController.php
<?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. 数据验证
        $request->validate([
            'ids' => ['required', 'array', 'min:1'], // 'ids'字段必须存在、是数组且至少包含一个元素
            'ids.*' => ['integer'] // 数组中的每个元素必须是整数
        ]);

        // 获取经过验证的ID数组
        $idsToUpdate = $request->input('ids');

        // 2. 执行批量数据库更新
        // 注意：这里使用的是外部数据库连接 'secondDB'，且手动构建查询
        try {
            $updatedCount = DB::connection('secondDB')->table('ticket')
                // 假设 ticket_status 表的 'id' 字段与 ticket 表的 'status_id' 字段关联
                // 这里的join可能不是必须的，如果只是更新ticket表本身的字段
                // 如果 'name' 字段是 ticket 表的，则 join 可能不需要
                // 原始问题中join条件为 'id', '=', 'status_id' 看起来有误，通常是 ticket.status_id = ticket_status.id
                // 这里我们假设 'name' 是 ticket 表的字段，并且我们只根据 ticket.id 更新
                ->whereIn('id', $idsToUpdate) // 使用 whereIn 进行高效批量查询
                ->update(['name' => 'Closed']); // 更新 'name' 字段为 'Closed'

            // 3. 返回JSON响应
            return response()->json([
                'message' => '票据状态已成功更新。',
                'ticketsUpdatedCount' => $updatedCount,
                'updatedIds' => $idsToUpdate // 可以返回更新的ID列表作为确认
            ]);
        } catch (\Exception $e) {
            // 捕获数据库操作异常
            return response()->json([
                'message' => '数据库更新失败。',
                'error' => $e->getMessage()
            ], 500); // 返回500 Internal Server Error
        }
    }
}

<meta name="csrf-token" content="{{ csrf_token() }}">