如何将坐标值(x，y，w，h)作为JSON发送到控制器并在WEB API中获取响应

var coordinates = {
  x: 10,
  y: 20,
  w: 100,
  h: 200
};

var jsonCoordinates = JSON.stringify(coordinates);

var xhr = new XMLHttpRequest();
var url = "http://your-api-endpoint";

xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 处理响应数据
  }
};

xhr.send(jsonCoordinates);

[HttpPost]
public IHttpActionResult ProcessCoordinates([FromBody] CoordinatesModel coordinates)
{
  // 处理坐标值
  // 返回响应数据
}

public class CoordinatesModel
{
  public int x { get; set; }
  public int y { get; set; }
  public int w { get; set; }
  public int h { get; set; }
}

[HttpPost]
public IHttpActionResult ProcessCoordinates([FromBody] CoordinatesModel coordinates)
{
  int area = coordinates.w * coordinates.h;
  var response = new { area = area };

  return Ok(response);
}