Multiple submits to different MVC controller actions from buttons or dropdownlist changes

Question

If I have a single form - with two submits:

From a save button - calls a form POST "Save" controller action.
From a change of a dropdown list value - calls a form POST "NoSave" controller action that returns a modified view without saving.

What's the best way of achieving this?

At the moment, I have the following - but they both call the same POST controller action. I want to call a named action for the dropdownlist update.

<form form method="POST">

    <!-- dropdown list -->
    <div class="row">
            @Html.LabelFor(x => x.FieldName, "Field Name:")
            @Html.DropDownListFor(x => x.FieldName, Model.FieldName, new { @class = "browser-default", @onchange =  @"form.submit();" })
            @Html.ValidationMessageFor(x => x.FieldName)
        </div>
    </div>

    <!-- save button-->
    <div class="save-button">
        <input type="submit" class="btn" value="Save" />
    </div>
</form>

score 1 · Answer 1 · answered Dec 19 '19 at 15:38

1

what about using ajax request for different type of requests every type of request call different action or even different controller

[HttpPost]
        public ActionResult SomeFunction(string a)
        {
            return Json("some data here", JsonRequestBehavior.AllowGet);
        }


[HttpPost]
            public ActionResult AnotherSomeFunction(string a)
            {
                return Json("some data here", JsonRequestBehavior.AllowGet);
            }

//by click button

$("some button name ").click(function(){
    $.ajax({
            url: 'home/FirstAjax',
            success: function(responce){ alert(responce.data)},
            error: function(responce){ alert(responce.data)}
        });
 });

//by click another button

$("some button name ").click(function(){
    $.ajax({
            url: 'home/SecoundFirstAjax',
            success: function(responce){ alert(responce.data)},
            error: function(responce){ alert(responce.data)}
        });
 });

answered Dec 19 '19 at 15:38

moath naji

663
1
4
20

but what if i want to recreate the whole page here? this would require a redirect to a view with the uploaded/posted view model? – James Harcourt Dec 19 '19 at 15:47
If u depend on creating the page using Ajax model when ever you manuplate it it will recreate section related to model avoiding refresh whole page? – moath naji Dec 19 '19 at 15:51
In some cases it's not a section - it's the entire thing. – James Harcourt Dec 19 '19 at 16:02
Window.reload after success request will do it – moath naji Dec 19 '19 at 16:03
I am specifically wanting to know about invoking a POST on a specific action on the controller here, a non-Ajax solution without javascript to reload. – James Harcourt Dec 19 '19 at 16:04
check this out https://stackoverflow.com/questions/21116999/posting-form-to-different-mvc-post-action-depending-on-the-clicked-submit-button – moath naji Dec 19 '19 at 16:07

score 0 · Answer 2 · answered Dec 19 '19 at 15:47

For this you can use ajax.beginform in first parameter you have to give the name of action and then controller and then some option which are like method type and success and failure actions.

@using (Ajax.BeginForm("_LoadPartial", "Abss", new AjaxOptions { HttpMethod = "POST", OnSuccess = "OnSuccess", OnFailure = "OnFailure" }))
    {
    <div class="row">
                @Html.LabelFor(x => x.FieldName, "Field Name:")
                @Html.DropDownListFor(x => x.FieldName, Model.FieldName, new { @class = "browser-default", @onchange =  @"form.submit();" })
                @Html.ValidationMessageFor(x => x.FieldName)
            </div>
        </div>

        <!-- save button-->
        <div class="save-button">
            <input type="submit" class="btn" value="Save" />
        </div>
    }

Also provide OnSuccess and Failure Javascript fucntion on the same page.

<script>
    function OnSuccess(){
                        // some action
                        }

    function OnFailure(){
                        // some action
                        }
</script>

Multiple submits to different MVC controller actions from buttons or dropdownlist changes

2 Answers2