如何使用 javascript fetch 将参数传递给操作方法？

【问题标题】：How can i pass a parameters to action method using javascript fetch?如何使用 javascript fetch 将参数传递给操作方法？
【发布时间】：2019-11-08 00:05:48
【问题描述】：

我正在使用 js fetch 调用一个操作方法（在 asp.net mvc 中），但我需要将参数传递给方法。

如何使用fetch 传递这些数据？

我正在尝试使用此代码，但数据未通过：

fetch(url, {
    data: { repositoryName: "dada" }
})
.then(() => {
   console.log("test");
});

【问题讨论】：

标签： javascript fetch-api

【解决方案1】：

根据documentation 第二个参数不应包含data 属性。

我猜你需要使用body属性（你可以根据需要使用JSON字符串，FormData或URLSearchParams，见docs）：

fetch(url, {
    method: "POST",
    body: JSON.stringify({ repositoryName: "dada" })        
}).then(() => { ... })

同样在这个简单的例子中，可以像这样简单地使用查询字符串：

fetch(url + '?repositoryName=dada').then(() => { ... })

注意 GET 请求不能有正文，因此如果您的 MVC 操作是 GET 操作，那么您必须像我的第二个示例中那样使用查询字符串。

【讨论】：