javascript 如何使用fetch更新数据库中的JSON文件

xyhw6mcr  于 2023-06-04  发布在  Java
关注(0)|答案(1)|浏览(190)

我目前有这个函数来添加一个JSON文件到数据库:

const history = useNavigate();
    function addLoggbokHandler(loggbokData){
        fetch(
            "api/objects.json",
            {
                method: "POST",
                body: JSON.stringify(loggbokData),
                headers:{
                    "Content-Type": "application/json"
                }
            }
            ).then(() =>{
                history(0);
            });
    }

这个函数从数据库中获取所有要呈现的项目

const[isLoading, setIsLoading] = useState(true);
 const[loadedLoggboks, setLoadedLoggboks] = useState([]);

    useEffect(() => {
        setIsLoading(true);
        fetch(
            "api/objects.json",
        ).then(response => {
            return response.json();
        }).then(data => {
            const loggboks = [];

            for(const key in data)
            {
                console.log(key);
                console.log(data);
                const loggbok = {
                    id: key,
                    ...data[key]
                };

                loggboks.push(loggbok);
            }

            setIsLoading(false);
            setLoadedLoggboks(loggboks);
        });
    }, [])

如果我想使用id与数据库中指定的JSON文件进行交互,以更新/更改其值,该怎么办?欢迎任何帮助

pbpqsu0x

pbpqsu0x1#

下面是update函数的代码。

function updatebokHandler(id, loggbokData) {
  fetch(`api/objects/${id}.json`, {
    method: "PUT",
    body: JSON.stringify(loggbokData),
    headers: {
      "Content-Type": "application/json"
    }
  }).then(() => {
    // Perform any necessary actions after the update is successful
  });
}

根据需要更改端点和数据

相关问题