使用 ajax 将数据字符串传递给控制器​​方法

Question

我正在创建一个过滤器列表。我有几个多选列表，用户可以在其中选择多个选项。问题是我使用 ajax 返回值并调用一个控制器方法，该方法将返回一个 Json 数据，然后将其显示在网站上。但问题是它不起作用。

控制器方法：

[HttpPost]
public ActionResult FilterData(string a, string b, string c, string d){
  //Do Something with the strings e.g. filter the data.
  return Json(result, JsonRequestBehavior.AllowGet);
}

Ajax获取过滤数据的方法：

$(document).ready(function() {
$("#submitBTN").click(function() {
var ab = $('#selectedID1').val();
var bc = $('#selectedID2').val();
var cd = $('#selectedID3').val();
var de = $('#selectedID4').val();

$.ajax({
       contentType: "application/json; charset=utf-8",
       url:"/Controller/FilterData",
       type: "POST",
       data: JSON.stringify({a: ab, b: bc, c: cd, d:de }),
       success: function(result){

       } 
       error: function(){}
     });
       return false;
      });
   });

使用 firebug 我可以看到发布了正确的值。而且我知道，如果我通过 url 链接手动选择字符串 a，它会得到正确的过滤数据。但是，这些数据似乎没有进入方法并输出所有数据，而无需使用 postes 值进行过滤。

问题是发布的数据没有被收集或发送到方法FilterData，因此如果没有选择过滤器选项，它会返回所有数据。我想知道如何修复代码，以便获取 ajax 发布的数据以将该数据发送到方法 FilterData 参数，例如字符串 a、字符串 b、字符串 c 和字符串 d。

Answer 1

更新：现在，当您重述问题时，这是有问题的行（您在数据值上使用 JSON.stringify）：

data: { a: ab, b: bc, c: cd, d: de }

您将数据转换为 1 个 JSON 字符串，这不是 MVC 所期望的。

"{"a":1,"b":2,"c":3,"d":4}"

相反，它需要键值对（正常的回发格式）：

a=1&b=2&c=3&d=4

所以现在没有错别字的完整示例：

$(document).ready(function () {
    $("#submitBTN").click(function(){
        var ab = $('#selectedID1').val();
        var bc = $('#selectedID2').val();
        var cd = $('#selectedID3').val();
        var de = $('#selectedID4').val();

        $.ajax({
            url: '/MyController/FilterData',
            type: 'POST',
            data: { a: ab, b: bc, c: cd, d: de },
            success: function(result) {

            },
            error: function() {
            }
        });
    });
});

如果只是 POST 请求，则不需要 JsonRequestBehavior.AllowGet（尽管它不会破坏任何内容）。

Answer 2

尝试：

url:'/Controller/FilterData',