如何将AJAX / Jquery对象发送到Controller（差异）MVC4

Question

I have had this confusion for a while and it's because of the following reason:

I am trying to send a jquery object

var myObject = {
                    Title: $('#Title').val(),
                    Title2: $('#Title2').val(),
                    Title3: $('#Title3').val(),
                };

through an ajax call

                    $.ajax({
                    data: { myObjectName = myObject
                    },
                    datatype: "json",
                    url: "myUrl",
                    cache: false,
                    error: function (ts)
                    {//handle error},
                    success: function (result)
                    {//handle success}
                });

I'm receiving my object in my controller like this:

public ActionResult MyAction(ObjectType myObjectName)

However, when receiving the object from javascript, it does not recognize it as such and just instantiates a new ObjectType.

I know I can send it as a string, serialize it if I put my object inside a form, etc...what I want to know is why this approach seems to work for me sometimes (I have gotten it to work with other ObjectType(s)) and in other instances it doesn't. Does it have anything to do with how complex the object is? Sending an incomplete object? (The latter one doesn't seem to be it since I have sent 'incomplete' objects and the empty fields just get instantiated with null)

ANY insight would be appreciated. Thanks!

Answer 1

Change your code to;

$.ajax({
    data: myObject,
    datatype: "application/json",
    type: "POST",
    url: "myUrl",
    cache: false,
    error: function (ts)
    {//handle error},
    success: function (result)
    {//handle success}
});

Notice that the type is a POST which means you will also need to add [HttpPost] to your ActioResult.

As long as ObjectType is a class with the fields

public class ObjectType
{
    public string Title { get; set; }
    public string Title2 { get; set; }
    public string Title3 { get; set; }
}

Your current code is attempting to bind your model to something which would resemble

public class SomeObject
{
    ObjectType myObjectName { get; set; }
}

public class ObjectType{
    public string Title { get; set; }
    public string Title2 { get; set; }
    public string Title3 { get; set; }
}