javascript 如何使我按钮将表单信息提交到数据库

xe55xuns  于 2023-10-14  发布在  Java
关注(0)|答案(1)|浏览(115)

收到400个错误请求我做错了,但不明白它是什么。我使用MVC的方法提交一个表单的信息到Postgresql数据库,我已经添加了代码库和一些代码,我也不明白为什么我没有得到有关错误的信息,我已经实现了尝试... catch.对于错误处理,任何帮助都将受到赞赏,并提前表示感谢。

const handleSubmit = async (e) => {
    e.preventDefault();

    animateButton(e);
    // (Optional) Button animation logic here...

    const response = await fetch('/inventory', {
        method: 'create',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            code, pName, brand, franchise, weight, length, width, height, price, quantity
        })
    });
    if (!response.ok) {
      throw new Error(`HTTP error! Status: ${response.status}`);
  }
    
    const newInventory = await response.json();
    setInventory([...inventory, newInventory]);

    console.log('pressed');
}

我希望在我提交表格时发布表格。
here is the github repo

eit6fx6z

eit6fx6z1#

在您的fetch()调用中,您正在使用method: 'create',这不是有效的HTTP方法。我认为您希望使用method: 'POST'来完成您要完成的操作。
此外,您可能需要确认您的主体对于POST要连接到的API端点是有效的。JSON.stringify()的参数可能不正确,这取决于这些变量中包含的内容

相关问题