在Laravel中高效处理前端JS数组：实现批量数据更新的教程

function getSelectedItems() {
    let selectedIds = [];
    const table = document.getElementById('tblTickets'); // 假设表格ID为tblTickets
    const checkboxes = table.getElementsByTagName("input");

    for (let i = 0; i < checkboxes.length; i++) {
        if (checkboxes[i].type === 'checkbox' && checkboxes[i].checked) {
            selectedIds.push(parseInt(checkboxes[i].value)); // 确保转换为数字类型
        }
    }

    return selectedIds;
}

// 假设您的Laravel路由URL已通过Blade模板注入
// 例如：<script>const updateUrl = @json(route('tickets.update'));</script>
const updateUrl = '{{ route('tickets.update') }}'; // 实际应用中应从Blade注入

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

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

    // 获取CSRF令牌，Laravel的POST/PUT/DELETE请求需要
    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

    const requestOptions = {
        method: 'PUT', // 使用PUT方法进行更新
        headers: {
            'Content-Type': 'application/json', // 声明请求体是JSON格式
            'Accept': 'application/json',       // 期望接收JSON响应
            'X-CSRF-TOKEN': csrfToken          // 包含CSRF令牌
        },
        body: JSON.stringify({ ids: idsToUpdate }) // 将JS数组包装在对象中，并转换为JSON字符串
    };

    fetch(updateUrl, requestOptions)
        .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);
            alert('项目状态已更新！');
            // 刷新页面或更新UI
            window.location.reload();
        })
        .catch(error => {
            console.error('更新失败:', error);
            alert('更新失败: ' + error.message);
        });
}

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\Validation\ValidationException; // 引入ValidationException

class TicketsController extends Controller
{
    /**
     * 批量更新票据状态。
     *
     * @param Request $request
     * @return \Illuminate\Http\JsonResponse
     */
    public function update(Request $request): \Illuminate\Http\JsonResponse
    {
        try {
            // 1. 数据验证
            $request->validate([
                'ids' => ['required', 'array', 'min:1'], // ids字段必须存在，必须是数组，且至少包含一个元素
                'ids.*' => ['integer'] // 数组中的每个元素都必须是整数
            ]);
        } catch (ValidationException $e) {
            // 如果验证失败，返回422 Unprocessable Entity状态码和错误信息
            return response()->json([
                'message' => '验证失败',
                'errors' => $e->errors()
            ], 422);
        }

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

        // 2. 批量更新数据库
        // 假设连接的是名为'secondDB'的外部数据库
        // 使用whereIn方法进行批量更新，避免循环查询
        $updatedRows = DB::connection('secondDB')
            ->table('ticket')
            // 如果需要根据ticket_status表进行筛选或关联，这里可以加入join
            // ->join('ticket_status', 'ticket.status_id', '=', 'ticket_status.id')
            ->whereIn('id', $idsToUpdate) // 使用whereIn高效地匹配多个ID
            ->update(['name' => 'Closed']); // 将符合条件的票据状态名称更新为'Closed'

        // 3. 返回JSON响应
        // 返回更新成功的行数，作为API响应
        return response()->json([
            'message' => '票据状态更新成功',
            'ticketsUpdatedCount' => $updatedRows
        ]);
    }
}