使用 Ajax 调用控制器方法

Question

我正在尝试使用 ajax 调用控制器的方法，但不知何故我无法调用该方法。我正在发送一个数组类型对象作为要发布的参数，但没有在控制器上获取参数的值，即使我发送了参数，JSON.stringify但问题仍然存在。这是我的ajax方法。$('.btn-generate-bill').on('click', function(event) {  event.preventDefault();  const billArray = [];  $('.posTable').find('tbody tr').each(function(index, elem) {    billArray.push({      ProductID: $(elem).find('.productID').text().trim(),      Quantity: $(elem).find('.qtyControl').val()    });  })  console.log(JSON.stringify(billArray));  $.ajax({    url: "/Cashier/UpdateProductQuantity",    contentType: "application/json; charset=utf-8",    dataType: "json",    data: {      pDetail: JSON.stringify(billArray)    },    responseType: "json",    cache: false,    traditional: true,    async: false,    processData: true,    success: function(data) {      alert('success');    }  });})这是控制器的方法。public JsonResult UpdateProductQuantity(List<Test> pDetail){    return Json("", JsonRequestBehavior.AllowGet);}public class Test{    public int ProductID { get; set; }    public int Quantity { get; set; }}

Answer 1

我认为有两点需要解决：

1. 没有类型的ajax将成为GET请求。放POST

2. 尝试使用数据： JSON.stringify({ 'pDetail': billArray})

所以，它变成：

$.ajax({

    url: "/Cashier/UpdateProductQuantity",

    type : 'POST',

    contentType: "application/json; charset=utf-8",

    dataType: "json",

    data: JSON.stringify({ 'pDetail': billArray}),

    responseType: "json",

    success: function (data) {

        alert('success');

    }

});

Answer 2

我会用你的控制器尝试 FromBody：

[HttpPost]

public JsonResult UpdateProductQuantity([FromBody]List<Test> pDetail)

{

    return Json("", JsonRequestBehavior.AllowGet);

}

你说你需要发布你的 billArray 所以你的 ajax 请求应该是这样的发布类型：

$.ajax({

url: "/Cashier/UpdateProductQuantity",

type : 'POST', //this is the difference

contentType: "application/json; charset=utf-8",

dataType: "json",

data: JSON.stringify({ 'pDetail': billArray}),

responseType: "json",

success: function (data) {

    alert('success');

}

});