How To Get ASP.NET MVC Form To do same as button submit

Question

I have a simple ASP.NET MVC Form that has code like the following:

@using (Html.BeginForm(null, null, FormMethod.Post, new
{
  action = "https://secure.authorize.net/gateway/transact.dll",
  id = "registerformid",

}))
{
  @Html.HiddenFor(a => a.RegisterUserInfoLoggedIn.AttendeesId)
  ...

I've got a JQuery ajax call I do and if that JQuery is successful, I want my form to POST to the action url for further processing.

My JQuery looks like the following,but what I can't figure out is what to put in my JQuery ajax success event such that I post back to the action url, that page responds properly and shows me my new page.

               success: function (data) {
                    if (donationAmount > 0.00) {
                        $.post("https://secure.authorize.net/gateway/transact.dll", {
                            x_login: 'xxx',
                            x_amount: 19.99,
                            x_description: 'Sample Transaction',
                            ...

                        }, function(datax) {

                            this.submit();
                        });

Can't you just use `$("#registerformid").submit()` in your success function? — Rowan Freeman, Apr 24 '14 at 01:35
is this helps? In success event put window.location.href = 'new page url'; — tsohtan, Apr 24 '14 at 02:04
Checkout the top votes answer for this question http://stackoverflow.com/questions/1200266/submit-a-form-using-jquery. — Adrian Toman, Apr 24 '14 at 02:57

score 1 · Accepted Answer · answered Apr 24 '14 at 05:07

1

You can invoke your form's submit using .Submit()

success: function (data) {
    $('#registerformid').submit(); // right here.   
}

answered Apr 24 '14 at 05:07

Yorro

11,445
4
37
47

score 0 · Answer 2 · answered Apr 24 '14 at 06:31

You can do following.

Return proper json format based on your Action status.

    public ActionResult SomeAction()
    {
        return this.Json(new
        {
            redirectUrl = "/ControllerName/ActionName",
            isRedirect = true
        }, JsonRequestBehavior.AllowGet);
    }

Redirect to provided page on success method.

 $.ajax({
    url: '/Home/SomeAction',
    type: 'POST',
    dataType: 'json',
    data: json,
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        // redirect to home if true
        if (data.isRedirect) {
            window.location.href = data.redirectUrl;
        }
    }
});

How To Get ASP.NET MVC Form To do same as button submit

2 Answers2