将 JavaScript 对象传递给控制器答案

【问题标题】：Pass JavaScript object to controller将 JavaScript 对象传递给控制器
【发布时间】：2019-05-25 06:08:02
【问题描述】：

我正在尝试使用 JavaScript 将对象传递给控制器。

我使用了两个参数 _amount 和 _total 但是回发时控制器中的值是空的。任何想法为什么我无法获得价值？另外，如果我想获得 _data 这是一个包含不同的对象价值观，我将如何实现它？

var itemsCart=toys.cart._items;

$.ajax({
  url: '@Url.Action("SuccessView", "Home")',
  type: 'POST',
  data:  itemsCart,
  success: function (response) {
    alert(response);
  },
  error: function (xhr, ajaxOptions, throwError) {
    alert(xhr.responseText);
  }
});

控制器：

public IActionResult SuccessView(List<ProductViewModel> products)
  {
    return View();
  }

查看模型：

public class ProductViewModel
  {
    public string _amount { set; get; }
    public string _total { set; get; }
  }

以及来自网站的对象截图：

【问题讨论】：

这个输出是什么--> console.log(itemsCart)
和缺少 --> contentType: "application/json; charset=utf-8"` 在 ajax 调用中？
是我上传的另存为截图
link 这个帖子说我不需要 contentType
两件事，您的 API 是否可以在 Postman 中使用？其次，您是否尝试在您的帖子操作中使用 [FromBody]？

标签： javascript c# ajax .net-core

【解决方案1】：

替换

data: { products: itemsCart }

与

data: ({ products: itemsCart })

控制器：

public IActionResult SuccessView(ProductViewModel products)
  {
    //return View();
  }

【讨论】：

【解决方案2】：

听起来问题是您的参数声明为products，但您的AJAX data 参数名称与控制器操作参数名称不匹配。尝试改用此设置：

$.ajax({
     url: '@Url.Action("SuccessView", "Home")',
     type: 'POST',
     data: { products: itemsCart },
     traditional: true,
     success: function (response) {
         alert(response);
     },
     error: function (xhr, ajaxOptions, throwError) {
         alert(xhr.responseText);
     }
});

控制器动作

[HttpPost]
public IActionResult SuccessView([FromBody] List<ProductViewModel> products)
{
    // do something

    return new JsonResult("OK");
}

请注意，由于您的 AJAX 调用定义为 type: POST，因此您必须将 [HttpPost] 属性应用于控制器操作。