基本的Ajax POST发送值在控制器中为null

Question

我知道这是一个经常在开发人员论坛上到处问的问题，但是尽管进行了搜索，但我找不到任何问题。

我只是想通过Ajax POST将一些值传递给我的控制器。 Ajax接收值，但它们在我的控制器中到达null。

我尝试声明一个具有相同变量名的模型，并且还尝试将每个字段放入方法的签名中（具有相同的变量名），但结果始终相同：null。

是否有可能因为我的视图模型与我要用来接收数据的模型不同而使它不起作用？

您是否对卡住的东西有什么想法，尤其是什么原因？

谢谢！

控制器V1

[Authorize]
[HttpPost]
public async Task<ActionResult> ShowRegistration(Models.RegisterForm rF)
{

控制器V2

    [Authorize]
    [HttpPost]
    public async Task<ActionResult> ShowRegistration(string Id, string Status, string Checkin, string Checkout, string Cost, bool Terms, bool Info, string Member_Zkp)
    {
        return View();
    }

模型

public class RegisterForm
{
    public string Id { get; set; }
    public string Status { get; set; }
    public string Checkin { get; set; }
    public string Checkout { get; set; }
    public string Cost { get; set; }
    public bool Terms { get; set; }
    public int TermsINT { get; set; }
    public int InfoINT { get; set; }
    public bool Info { get; set; }
    public string Member_Zkp { get; set; }
}

Ajax功能

function Edit() {

    event.preventDefault();
    var id = $('#Zkp').val();
    var status = $('#StatusDrop').val();
    var cost = $('#Cost').val();
    var checkin = $('#Checkin').val();
    var checkout = $('#Checkout').val();
    var check1 = $('#check1').val();
    var check2 = $('#check2').val();
    var dataRegister = { "Id": id, "Status": status, "Cost": cost, "Terms": check1, "Info": check2 };

    $('html, body').animate({ scrollTop: 0 }, 'fast');
    $('#alertWait').show('fade');
    setTimeout(function () {
        $('#alertWait').hide('fade');
    }, 4000);

    $.ajax({
        url: "https://localhost:44338/Registration/ShowRegistration/",
        data: { "Id" : id, "Status": status, "Cost": cost, "Terms": check1, "Info": check2 },
        type: 'POST',

        contentType: 'application/JSON',
        success: function (data) {
            if (data === "success") {
                $('html, body').animate({ scrollTop: 0 }, 'fast');
                $('#alertOk').show('fade');

                setTimeout(function () {
                    $('#alertOk').hide('fade');
                }, 4000);
            }
        },
        error: function () {
            $('html, body').animate({ scrollTop: 0 }, 'fast');
            $('#alertError').show('fade');
            setTimeout(function () {
                $('#alertError').hide('fade');
            }, 4000);
        }
    });
}

Answer 1

首先

尝试从帖子数据之类的每个键中删除双引号。

data: { Id : id, Status: status, Cost: cost, Terms: check1, Info: check2 }

接着，

尝试从ajax调用中隐藏此行。

contentType: 'application/JSON',

Answer 2

发送对象之前将其序列化为json：

data: JSON.stringify({ "Id": id, "Status": status, "Cost": cost, "Terms": check1, "Info": check2 }),

您也可以接收模型，而不用声明x变量

public async Task<ActionResult> Index(RegisterForm model)