控制器的jquery .ajax调用，模型为null [关闭]

Question

我花了大约10个小时的时间阅读了成千上万的帖子，试图弄清楚这一点，但不得不承认失败，所以希望有人能把我弄清楚。

我正在尝试将数据发送到控制器（GET）以返回部分视图。 尽管我尝试了各种变化，但控制器收到的模型始终为null。 为了使其非常简单，我将模型缩减为一个元素。

我想念什么？ （提前致谢）

模型：

public class TextContentViewModel
{
    public string ContentType {get; set;}
}

控制器：

public ActionResult Preview(TextContentViewModel paneContent)
{
    return PartialView("_Text");
}

使用Javascript：

<script type="text/javascript">

    $("#previewButton").click(showPreview);

    function showPreview() {
         content = {
            ContentType: $("#ContentTypeID").val(),
        }
                $.ajax({
                url: '@Url.Action("Preview")',
                type: 'GET',
                contentType: 'application/json',
                data: JSON.stringify(content),
                success: function (result) {
                    $('#preview').html(result);
                },
                error: function (result) {
                    alert("something went wrong");
                }
            });
         };

Answer 1

您的传入和传出变量应具有相同的名称。

尝试将您的js变量名称更改为

 paneContent = {
        ContentType: $("#ContentTypeID").val(),
    }

另外，请勿尝试使用GET发送复杂变量。 那将永远行不通。 始终使用POST 。

            type: 'POST',