首页 > 解决方案 > 表单将在第一次提交时更新数据库,但在页面刷新之前不会再次更新

问题描述

我有一个组件的多个实例,其表单在提交时接受输入,点击我的 API,然后使用输入值更新数据库。一切都在第一次时正常工作,数据库更改和组件中的值更改。但是,如果我回到我已经使用过表单的实例之一,当它被提交时,它会点击 API,就像一切正常但没有任何更新一样返回。刷新页面后,循环重复,第一次工作,但第二次没有。

试图做一些谷歌搜索,但我搜索的所有内容都让我无处可去,我也不完全确定要搜索什么。我不知道这是前端还是后端问题,前端使用 svelte,后端使用 express/sequelize。

任何想法都会有所帮助,甚至只是开始寻找的东西。

谢谢

更新:这是处理提交的代码

const handleSubmit = async () => {
  let values = { 
    ot2: Number(ot2),
  };

  const config = {
    method: 'PATCH',
    headers: {
      Application: 'application/json',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(values)
  }

  const submitRes = await fetch(`api\site`, config);

  if(submitRes.ok){
    const res = await fetch(`api\site`);
    const tankArr = await res.json();
    ot2 = tankArr[0].OT2;
  }
}

标签: javascriptformssvelte

解决方案


推荐阅读