分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – Ajax将null Json对象发布到mvc 4控制器，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

Jquery ajax post请求将空json对象发布到mvc控制器.
知道为什么会这样吗？

干杯

这是我的模特

public class CommentModel
    {
       public String EmailAddress { get; set; }
       public String Name { get; set; }
       public int activityId { get; set; }
       public String CommentText { get; set; }

    }

调节器

[httpPost]
        public ActionResult Index(CommentModel commentModel)
        {

            int i = commentModel.ActivityId;
            String k = commentModel.CommentText;

          return View();
        }

JQuery的

$("#CommentForm").submit(function () {

        var formDataAsJson = GetFormDataAsJson();

        $.ajax({
            url: $(this).attr("action"),dataType: 'json',type: "POST",data: JSON.Stringify({ commentModel: formDataAsJson }),contentType: 'application/json; charset=utf-8',success: function (data) {
                $("#commentsection").append(data);
            }
        })
    });

function GetFormDataAsJson() {

    var emailInput = $("#InputEmailAddress").attr("value");
    var name = $("#InputName").attr("value");
    var comment = $("#some-textarea").attr("value");
    var activityid = parseInt($("#ActivityID").attr("value"));

    var formObject = {
        EmailAddress: emailInput,Name: name,ActivityId: activityid,CommentText:comment
    }

    return formObject;
}

解决方法

@H_772_27@ 如果使用strong-typed-Helper,mvc会将其转换为您的模型.你不需要创建js模型.

强类型视图

@model CommentModel
@using (Html.beginForm("Index","Home",FormMethod.Post,new { id = "form1" }))
{
    @Html.TextBoxFor(x => x.EmailAddress)
    @Html.TextBoxFor(x => x.Name)
    ...
}

脚本

$(function () {
    $('form').submit(function () {
        if ($(this).valid()) {
            $.ajax({
                url: this.action,type: this.method,data: $(this).serialize(),beforeSend: function () {

                },complete: function () {

                },success: function (result) {

                },error: function () {

                }
            });
        }
        return false;
    });
});

调节器

[httpPost]
public ActionResult Index(CommentModel commentModel)
{
    int i = commentModel.ActivityId;
    String k = commentModel.CommentText;

    return View();
}

SameQuestion And Another Suggestion