js转盘商品从后台获取

<div id="wheel-container">
  <!-- 商品将在这里动态加载 -->
</div>
<button id="fetch-button">获取商品</button>

$(document).ready(function() {
  $('#fetch-button').click(function() {
    $.ajax({
      url: '/api/wheel-products', // 后端API地址
      type: 'GET',
      dataType: 'json',
      success: function(data) {
        let productsHtml = '';
        data.forEach(product => {
          productsHtml += `<div>${product.name} - ${product.description}</div>`;
        });
        $('#wheel-container').html(productsHtml);
      },
      error: function(xhr, status, error) {
        console.error('Error fetching products:', error);
      }
    });
  });
});

const express = require('express');
const app = express();

app.get('/api/wheel-products', (req, res) => {
  const products = [
    { name: '商品A', description: '这是商品A的描述' },
    { name: '商品B', description: '这是商品B的描述' },
    // 更多商品...
  ];
  res.json(products);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});