深入解析Laravel AJAX点赞系统500错误：路由参数传递的陷阱与修复

<button onclick="likeIconClicked()" id="like-icon">
    <!-- 点赞图标 -->
</button>

<script>
function likeIconClicked() {
    $.ajax({
        url: '{{ route('like', $resultat->code) }}', // 存在问题的URL生成方式
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            if (response.liked) {
                $('#like-icon').addClass('liked');
            } else {
                $('#like-icon').removeClass('liked');
            }
        },
        error: function(xhr, status, error) {
            console.error("AJAX Error:", error);
            console.error("Response Text:", xhr.responseText);
        }
    });
}
</script>

// app/Http/Controllers/AnnonceController.php
namespace App\Http\Controllers;

use App\Models\Annonce; // 假设Annonce是需要点赞的模型
use Illuminate\Support\Facades\Auth;
use Illuminate\Http\Request;

class AnnonceController extends Controller
{
    public function like($code)
    {
        $annonce = Annonce::findOrFail($code);
        $user = Auth::user();

        if (!$user) {
            // 用户未登录处理
            return response()->json(['error' => 'Unauthorized'], 401);
        }

        if ($user->hasLiked($annonce)) {
            $user->unlike($annonce);
            $liked = false;
        } else {
            $user->like($annonce);
            $liked = true;
        }

        return response()->json([
            'liked' => $liked,
        ]);
    }
}

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

Route::post('/like/{code}', [AnnonceController::class, 'like'])->name('like');

url: '{{ route('like', $resultat->code) }}'

// JavaScript 部分
function likeIconClicked() {
    $.ajax({
        url: '{{ route('like', [$resultat->code]) }}', // 注意：$resultat->code 被封装在数组中
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            // ... (与之前相同)
        },
        error: function(xhr, status, error) {
            // ... (与之前相同)
        }
    });
}

// JavaScript 部分
function likeIconClicked() {
    // 获取基础路由URL，不包含动态参数
    const baseUrl = '{{ route('like') }}'; 
    // 获取动态参数
    const contentCode = '{{ $resultat->code }}'; 

    $.ajax({
        url: baseUrl + '/' + contentCode, // 在JavaScript中拼接URL
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            // ... (与之前相同)
        },
        error: function(xhr, status, error) {
            // ... (与之前相同)
        }
    });
}