Question

Is it possible to do something like this using asp.net mvc 3

@using(Ajax.BeginForm("SomeAction","MyController",new AjaxOptions     {OnSuccess="function(content){ alert(content); }"}))
{
@Html.Partial("Recorder")
<input type="submit" />
}

I am using Jquery for ajax operations and not MSAjax.

Thanks

Answer 1

You can just use a normal Html.BeginForm, assign a id to the form, and use the jquery ajax to handle submission:

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id = "formData" }))

The submission function:

    // Function to submit form data
    function submitForm() {

        var frm = $('#formData');

        $.ajax({
            url: '/Home/Create',
            type: 'POST',
            data: frm.serialize(),
            beforeSend: function () {

            },
            onsuccess: function (){},
            success: function (result) {  },
            error: function () {  }
        });
    }

Hope this what you mean/need 🙂