js订单代码

// 获取表单元素
const form = document.getElementById('orderForm');
const nameInput = document.getElementById('name');
const emailInput = document.getElementById('email');
const productInput = document.getElementById('product');

// 表单提交事件处理
form.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 数据验证
    if (!nameInput.value || !emailInput.value || !productInput.value) {
        alert('所有字段都是必填的！');
        return;
    }

    // 创建订单对象
    const order = {
        name: nameInput.value,
        email: emailInput.value,
        product: productInput.value
    };

    // 发送订单数据到服务器
    fetch('/api/orders', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(order)
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert('订单提交成功！');
        } else {
            alert('订单提交失败：' + data.message);
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('发生错误，请稍后再试！');
    });
});