jQuery post data to webapi

Question

我的问题是双重的：1.将数据从客户端发送到我的webapi控制器时，名称必须相同吗？

如果我有这样的模型：

public class Donation
{
public string DonorType { get; set; }
//etc
}

但是我网页上的表单是这样的：

<div class="button-group grid-x align-center" id='sz-gift-source-group'>
<a class="hollow button cell small-6" id="sz-donate-individual" sz-data-toggle-button required>A family or individual</a>
<a class="hollow button cell small-6" id="sz-donate-corporate" sz-data-toggle-button>A business or company</a>
</div>

使用我的事件处理程序，如下所示：

$('form button[type=submit]').on('click', () => {
const donation = getDonation();
$.post(
'//localhost:61012/api/Donation',
$("#sz-donate-form").serialize(),
(data) => {
console.log(`post succeeded:[${JSON.stringify(data)}]`); 
})
.fail((data) => {
console.log(`post failed:[${JSON.stringify(data)}]`);
})
.always((data) => {
console.log(`post complete:[${JSON.stringify(data)}]`);
});
return false;
});

其次，我需要做什么才能将数据从表单获取到捐赠对象？

我看过的教程似乎都错过了我的第一个问题，我想知道的部分原因是我在这里是否有不完整的表格......

Answer 1

请注意，您必须序列化数据，将输入放在表单标记中，例如：

<form action="/" method="post" id="sz-donate-form">
<input name="DonorType" type="text">
</form>

使用serialize()输入名称序列化的表单数据时的说明 属性！

name 属性应与类propertyDonation相同。

我认为你使用了打字稿。

你的JavaScript代码应该是正确的。

请在 webapi 中发布您的操作代码以指导它。