MVC Model Binding Not Working via AJAX request

Question

Having a little trouble with MVC model binding via AJAX.

Can someone tell me why the CreateTransfereeDetails property is not binding, it always comes back as \'null\'. <

Answer 1

use name attribute on input fields inside form. Name attribute's valuesare automatically assigned to model's properties.

and use serialize() function of jquery to pass data using ajax

function submit(){
    $.ajax({
        url: "/myurl",
        dataType: "json",
        traditional: true,
        type: "POST",
        data: $('#frm').serialize(),
        success: function (result) {
            //
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            //
        },
        complete: function () {
            //
        }
    });
}