Javascript 如何从DOM和后端删除数据?

Javascript 如何从DOM和后端删除数据?,javascript,ruby-on-rails,activerecord,Javascript,Ruby On Rails,Activerecord,以下是来自前端的一些JavaScript代码: constdeleteItem=()=>{ fetch(ITEMS_URL+`/${event.target.dataset.ItemId}`{ 方法:“删除”, }).then(removietem(event.target.dataset.itemId)); clearForm(); }; const removietem=(id)=>{ 让cardToRemove=document.getElementById(`item-${id}`);

以下是来自前端的一些JavaScript代码:

constdeleteItem=()=>{
fetch(ITEMS_URL+`/${event.target.dataset.ItemId}`{
方法:“删除”,
}).then(removietem(event.target.dataset.itemId));
clearForm();
};
const removietem=(id)=>{
让cardToRemove=document.getElementById(`item-${id}`);
cardToRemove.parentElement.removeChild(cardToRemove);

};您仅在DOM上删除项目。但它们仍然会持久保存在数据库中。要从数据库中删除它们,您必须通过
fetch()
ItemsController
发送请求。大概是这样的:

const removietem=(id)=>{
回传(`http://localhost:3000/items/${id}`{
方法:“删除”
}).然后(()=>{
让cardToRemove=document.getElementById(`item-${id}`);
cardToRemove.parentElement.removeChild(cardToRemove);)
}
}

您的javascript是否在轨道外侧?