如何以RESTful方式实现资源"编辑"表单？

// 获取表单元素
const form = document.querySelector('#edit-form');

// 监听表单提交事件
form.addEventListener('submit', (event) => {
  // 阻止默认提交行为
  event.preventDefault();

  // 获取表单数据
  const formData = new FormData(form);

  // 发送PUT请求更新资源
  fetch(`/api/resources/${formData.get('id')}`, {
    method: 'PUT',
    body: formData
  })
  .then(response => {
    if (response.ok) {
      alert('资源更新成功！');
    } else {
      alert('资源更新失败，请稍后重试。');
    }
  })
  .catch(error => {
    console.error('Error:', error);
  });
});