javascript - Razor 页面中的最佳实践 : Using AJAX or Handlers for post/get requests

Question

一般来说，当您执行 POST 请求时，您希望重新加载页面。虽然不总是。当使用 GET 方法检索数据时，您可以考虑使用 AJAX。但是，我对 Razor Pages 和 ASP.net core 比较陌生。我被告知我们应该始终加载页面。因为我们使用的是 Razor Pages，所以使用 AJAX 向代码隐藏提交任何内容是不正确的。否则使用 Razor Pages 的目的是什么。

我担心的是它会留下糟糕的用户体验。如果我想运行报告、检索数据并使用处理程序显示数据。我需要重新加载页面。如果我使用 AJAX，我需要 JSON，但不需要重新加载页面。如果我使用处理程序，我可以取回一个模型，我可以使用该模型在重新加载的页面上显示，而无需将其转换为 JSON。

Razor Pages 的最佳实践是什么？好像每次我们回到 2003 年时都必须重新加载。

Answer 1

使用 AJAX 提交到 Razor Pages 代码隐藏非常好，我基于此构建了一个博客应用程序的管理面板，结果令人满意 https://github.com/FanrayMedia/Fanray

Razor Pages 模型后置类用作将 JSON 返回给 AJAX 调用的便捷端点。例如，我的博客 Composer 是一个 Razor 页面，在 view 中具有自动保存草稿 功能。我有 js code喜欢

axios.post('/admin/compose?handler=save', this.payload, { headers: { 'XSRF-TOKEN': this.tok } }) ...

哪些帖子发布到此model-behind class code

public async Task<JsonResult> OnPostSaveAsync([FromBody]PostVM post)
{
  ...

  return new JsonResult(postVM);
}

希望这对您有所帮助!