为什么我的Ajax帖子在进入后端时有内容，但是我的模型和控制器却收到null

Question

AJAX Post shows correct content in debugger but my controller and model receive null values.

I have changed my ajax post many ways. I have also just sent one string and had one string as my controller parameter. This worked, but I am looking to send the whole object.

        var BuildContent = [{ 'Cal': Cal, 'BarLength': BarLength, 'Color': 
        Color }];
        content = JSON.stringify(BuildContent);
        $.ajax({
            type: "POST",
            url: "../Build/Build",
            data: {'content':content},
            ContentType: "application/json",
            dataType: "json",
        });

    public class BuildController : Controller
    {


        [HttpPost]
        public BuildContent Build (BuildContent content) 
        {
            //BuildService.GetURG(data);
            return content;
        }
    }

    public class BuildContent
    {

        public string Cal { get; set; }
        public string BarLength { get; set; }
        public string Color { get; set; }
    }

SO when the POST reaches the controller I am seeing [Cal = null , BarLength = null, Color = null] Where as in the Chrome network debugger I see my content correctly. Such as content: [{"Cal":"5.56","BarLength":"16\\"","Color":"Black"}]

Answer 1

You're not sending an array of objects, only a single one. So there's no need to surround your object in an array initialiser.

Below I've created a JavaScript object and then converted it into JSON. Try this and let me know how it goes.

var buildContent = {'Cal': 'Testing123...', 'BarLength': 'Noot Noot', 'Color': 'Red'};
var jsonData = JSON.stringify(buildContent);
$.ajax({
    type: "POST",
    url: "../Build/Build",
    data: jsonData,
    dataType: 'json',
    contentType: 'application/json;'
});

EDIT: Alternatively try sending the object in its entirety, without serializing it to JSON.

var buildContent = {'Cal': 'Testing123...', 'BarLength': 'Noot Noot', 'Color': 'Red'};
$.ajax({
    type: "POST",
    url: "../Build/Build",
    data: buildContent
});