js 商品分类插件

async function loadCategories() {
    try {
        const response = await fetch('/api/categories');
        const categories = await response.json();
        renderCategories(categories);
    } catch (error) {
        console.error('Failed to load categories:', error);
    }
}

document.getElementById('filterButton').addEventListener('click', () => {
    const selectedCategory = document.getElementById('categorySelect').value;
    filterProductsByCategory(selectedCategory);
});

function filterProductsByCategory(category) {
    const products = getProducts(); // 假设这是一个获取所有商品的函数
    const filteredProducts = products.filter(product => product.category === category);
    renderProducts(filteredProducts);
}

function updateCategories(newCategories) {
    const categoryList = document.getElementById('categoryList');
    categoryList.innerHTML = ''; // 清空现有列表
    newCategories.forEach(category => {
        const li = document.createElement('li');
        li.textContent = category.name;
        categoryList.appendChild(li);
    });
}