我有一个 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 代码已经以这种方式编写，但我愿意接受任何建议。
您可以使用 get request ，它会更简单，但是如果您仍然想发布，则必须创建视图模型
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);
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句