即时加载:按类别过滤Laravel帖子

// Post.php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    public function category()
    {
        return $this->belongsTo(Category::class);
    }
}

// PostController.php

namespace App\Http\Controllers;

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

class PostController extends Controller
{
    public function filterByCategory(Request $request)
    {
        $categoryId = $request->input('category_id');

        $posts = Post::where('category_id', $categoryId)->get();

        return response()->json($posts);
    }
}

// main.js

const categorySelect = document.getElementById('categorySelect');
const postList = document.getElementById('postList');

categorySelect.addEventListener('change', () => {
    const categoryId = categorySelect.value;

    fetch(`/posts/filter?category_id=${categoryId}`)
        .then(response => response.json())
        .then(posts => {
            postList.innerHTML = '';

            posts.forEach(post => {
                const listItem = document.createElement('li');
                listItem.textContent = post.title;
                postList.appendChild(listItem);
            });
        });
});