Laravel Ajax更新1列记录

document.addEventListener('DOMContentLoaded', function() {
    let taskCheckbox = document.querySelectorAll('.task-checkbox');

    taskCheckbox.forEach(function(checkbox) {
        checkbox.addEventListener('change', function() {
            let taskId = this.getAttribute('data-task-id');
            let isChecked = this.checked;

            fetch(`/tasks/${taskId}`, {
                method: 'PUT',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                body: JSON.stringify({ completed: isChecked })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    console.log('Task updated successfully');
                } else {
                    console.error('Failed to update task');
                }
            })
            .catch(error => console.error('Error:', error));
        });
    });
});

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Task;

class TaskController extends Controller
{
    public function update(Request $request, Task $task)
    {
        $task->update([
            'completed' => $request->input('completed')
        ]);

        return response()->json(['success' => true]);
    }
}

use App\Http\Controllers\TaskController;

Route::put('/tasks/{task}', [TaskController::class, 'update']);