Javascript Fetch POST JSON to WebAPI2 C#

JavaScript Fetch POST JSON to WebAPI2 C# 是一个关于使用 JavaScript Fetch API 发送 POST 请求并将 JSON 数据传递给 WebAPI2 C# 后端的问题。

答案如下：

JavaScript Fetch API 是一种现代的网络请求 API，用于在浏览器中进行网络通信。它提供了一种简单、灵活的方式来发送 HTTP 请求，并处理响应。

在 JavaScript 中，可以使用 Fetch API 发送 POST 请求并将 JSON 数据传递给 WebAPI2 C# 后端。以下是一个示例代码：

fetch('https://example.com/api/endpoint', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
  .then(response => response.json())
  .then(data => {
    // 处理响应数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上面的代码中，我们使用 fetch 函数发送了一个 POST 请求到指定的 URL（https://example.com/api/endpoint）。请求的头部包含了 Content-Type 为 application/json，表示请求的数据是 JSON 格式。请求的主体使用 JSON.stringify 方法将一个对象转换为 JSON 字符串。

在 WebAPI2 C# 后端，可以使用以下代码来接收并处理这个请求：

[HttpPost]
public IHttpActionResult MyEndpoint([FromBody] JObject data)
{
    // 处理接收到的 JSON 数据
    var key = data["key"].ToString();
    
    // 返回响应数据
    return Ok(new { result = "success" });
}

在上面的代码中，我们使用 [FromBody] 属性将请求的 JSON 数据绑定到 JObject 对象上。然后可以通过该对象来访问和处理接收到的 JSON 数据。在这个示例中，我们从 JSON 数据中获取了 key 的值。

关于 JavaScript Fetch API、WebAPI2 C# 后端以及相关的概念、分类、优势、应用场景，可以参考以下链接：