表单提交 ember.js 的 POST 请求答案

【问题标题】：POST request on form submit ember.js表单提交 ember.js 的 POST 请求
【发布时间】：2022-02-18 04:43:47
【问题描述】：

我在 Ember.JS 中完全是绿色的。我使用 Ember 教程制作了简单的收养庇护所应用程序，因为我在前端使用 ember，并将 Strapi (Node.JS) 作为无头 CMS。我拥有所有端点，并且我的 ember 前端通过 JavaScript 的 fetch 使用 GET 方法成功获取数据。但是，我想允许用户基于表单提交创建 POST 请求，我找不到任何好的示例或教程如何在 ember.js 中正确地在表单提交上发出 post 请求，请你帮我弄清楚如何这样做？

【问题讨论】：

标签： javascript node.js ember.js ember-data ember-cli

【解决方案1】：

使用：

我认为您可以通过以下方式提交表单：

ember g component my-form -gc

然后在那个组件中

// app/components/my-form.js
import Component from '@glimmer/component';

export default class MyForm extends Component {

  submit = async (event) => {
    event.preventDefault();

    let data = new FormData(event.target);

    await fetch('your url', {
      method: 'POST',
      body: JSON.stringify(data),
    });

  }
}

{{! app/components/my-form.hbs }}
<form {{on 'click' this.submit}}>
  ...
</form>

【讨论】：