将数据从Aurelia表单发布到ASP.NET控制器可以通过以下步骤实现:
HttpClient
或Fetch
等工具发送POST请求到ASP.NET控制器的API端点。以下是一个示例代码:
Aurelia前端应用代码(视图模型):
import { HttpClient } from 'aurelia-fetch-client';
export class MyFormViewModel {
constructor() {
this.httpClient = new HttpClient();
this.formData = {
// 表单字段
};
}
submitForm() {
this.httpClient.fetch('/api/myController', {
method: 'post',
body: JSON.stringify(this.formData)
})
.then(response => response.json())
.then(data => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
}
}
ASP.NET控制器代码:
[Route("api/[controller]")]
[ApiController]
public class MyController : ControllerBase
{
[HttpPost]
public IActionResult Post([FromBody] MyModel model)
{
if (!ModelState.IsValid)
{
return BadRequest(ModelState);
}
// 对接收到的数据进行处理,例如存储到数据库
return Ok();
}
}
其中,MyModel
是一个用于接收数据的模型类,可以根据实际需要定义相应的属性和验证规则。
这样,当用户在Aurelia表单中填写完数据后,点击提交按钮时,数据将通过POST请求发送到ASP.NET控制器的API端点,并在控制器中进行处理。
领取专属 10元无门槛券
手把手带您无忧上云