javascript - 尝试使用 axios 和 formData 发布数据，但它是空的

Question

我正在使用 Vue3 和 axios 使用 FormData 发布表单，但它是空的，什么都没有通过。

{"formData":{}}

这就是我正在做的事情:

const formData= new FormData();
formData.set("name", name);

axios.post("postform",  formData);

我也试过这个:

formData.set("name", "John Doe");
axios.post("postform",  formData);

和这个:

formData.append("name", "John Doe");
axios.post("postform",  formData);

但没有成功。没有错误，它只是空的。
我像这样在 PHP 中检索它们:

 echo $request->input("name");

所以我的问题是:
如何使用 FormData 发布数据?

Answer 1

如果您没有发送任何文件(或者您的表单不是 maltipart/form-data)，您可以使用以下方法通过 axios 发送数据:

let formData = {};
formData.name =  "John Doe";
axios({
  url: "postform",
  method: "POST",
  data: formData
});

编辑:
如果您要发送任何文件，那么在我的情况下，以下内容对我有用:

const formData = new FormData();
formData.append("name", "hello world");



axios({
    url: 'postform',
    method: "POST",
    data: formData,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
})