ASP.NET核心-API多个参数

Question

我有一个AJAX调用，其中主体有3个参数

async calculateSalary() {
this.setState({ loadingCalculate: true });
const token = await authService.getAccessToken();
const requestOptions = {
method: 'POST',
headers: !token ? {} : { 'Authorization': `Bearer ${token}`,'Content-Type': 'application/json' },
body: JSON.stringify({id: this.state.id, absentDays: this.state.absentDays, workedDays: this.state.workedDays})
};
const response = await fetch('api/employees/' + this.state.id + '/calculate',requestOptions);
const data = await response.json();
this.setState({ loadingCalculate: false,netIncome: data });
}

参数来自一个用React.js 编写的表单

<div className="form-row">
{ this.state.typeId === 1? 
<div className='form-group col-md-6'>
<label htmlFor='inputAbsentDays4'>Absent Days: </label>
<input type='text' className='form-control' id='inputAbsentDays4' onChange={this.handleChange.bind(this)} value={this.state.absentDays} name="absentDays" placeholder='Absent Days' />
</div> :
<div className='form-group col-md-6'>
<label htmlFor='inputWorkDays4'>Worked Days: </label>
<input type='text' className='form-control' id='inputWorkDays4' onChange={this.handleChange.bind(this)} value={this.state.workedDays} name="workedDays" placeholder='Worked Days' />
</div>
}
</div>

现在，当我在等效端点中调试时，只有ID参数有值，其余的返回0。

public async Task<IActionResult> Calculate([FromBody]int id, Decimal absentDays, Decimal workedDays)
{
//implementation
}

我可以问一下，如何才能获得这三个参数吗？删除ID是不可能的，因为它是我需要的参数之一。JS代码已经是这样写的，但我愿意接受任何建议。

Answer 1

你可以使用get请求，它会更简单，但如果你仍然想发布，你必须创建视图模型

public DaysViewModel
{
public int Id {get; set;}
public int AbsentDays {get; set;} 
public int WorkedDays {get; set;}
}

并修复动作

public async Task<IActionResult> Calculate([FromBody] DaysViewModel viewModel)
{
//implementation
}

javascript

const token = await authService.getAccessToken();
const requestOptions = {
method: 'POST',
headers: !token ? {} : { 'Authorization': `Bearer ${token}`,'Content-Type': 'application/json' },
body: { viewModel:  {id: this.state.id, absentDays: this.state.absentDays, workedDays: this.state.workedDays}}
};
const response = await fetch('api/employees/calculate',requestOptions);