无法将JSON发布到ASP.NET核心RazorPage处理程序

Question

我正在使用 ASP.NET 核心 RazorPage 作为 MVC 控制器的替代方案，我希望能够通过 XMLHttpRequest 提交客户端表单。我已经弄清楚了XSRF令牌位，以便通过集合，但是RazorPages框架似乎没有处理入站JSON有效负载并将其绑定到属性。

一些代码：

页面的模型（.cshtml.cs）：

public class IndexModel : PageModel
{
    private Database database;
    private ILogger logger;

    [BindProperty]
    public AddRequestModel MyRequest { get; set; }

    public IndexModel(Database database, ILogger<IndexModel> logger)
    {
        this.database = database;
        this.logger = logger;
    }

    public void OnGet() {}

    public IActionResult OnPostValidate()
    {
        if (ModelState.IsValid)
        {
            // ...
        }

        return new BadRequestObjectResult(ModelState);
    }

    public async Task<IActionResult> OnPutConfirmAsync()
    {
        // ...
    }
}

和客户端帖子：

const url = "?handler=validate";
const data = { MyRequest: this.fields };
await axios.post(url, data);

我已验证数据是否正确提交：

在提交请求之前，axios会添加X-XSRF-TOKEN标头。服务器用一个错误列表进行响应，这一事实表明不是XSRF令牌导致了这个问题:

注意MyRequest对象不包含来自请求有效负载的值——它没有像预期的那样绑定(否则FirstName不会返回所需的错误)。如何告诉RazorPages接受JSON请求并将其绑定到我的属性？

Answer 1

最好将数据发布到APIendpoint，而不是页面控制器。从ControllerBase创建一个类，它将正确处理JSON post。

Answer 2

我能够通过添加Frombody来获得绑定工作，类似于它在ASP.NETWeb API 2中的工作方式。

    [BindProperty, FromBody]
    public BroadcastMessageEditingViewModel BindingInfo { get; set; }

Answer 3

对formdata使用urlsearchparams。

在这篇文章中，您可以找到有关如何使用FetchAPI发布表单数据的更多信息？