How can I submit Create but not Redirect to Action (ASP.NET MVC 5)

Question

My View Edit have some steps and I would like to Save step by step, I think I need a JQuery for it, don't know how.

Steps:

<ul class="nav nav-tabs">                            
    <li class="active">
        <a href="#cliente" data-toggle="tab">Cliente</a>
    </li>
    <li>
        <a href="#peca" data-toggle="tab">Peças</a>
    </li>
    <li>
        <a href="#validacao" data-toggle="tab">Validação</a>
    </li>
    <li>
        <a href="#instalacao" data-toggle="tab">Instalação</a>
    </li>
    <li>
        <a href="#colaboradores" data-toggle="tab">Colaboradores</a>
    </li>
</ul>

Submit Button:

<div class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <input type="hidden" value="Save" id="salvar" class="btn btn-default" />
    </div>
</div>

Post Controller:

if (ModelState.IsValid)
{
    db.Entry(manutencao).State = EntityState.Modified;
    db.SaveChanges();
    return RedirectToAction("Index");

}

If you want to save step by step, you should use ajax to save, after each tab. — DanielGatti
– DanielGatti, Commented Jun 8, 2016 at 18:39
It's hard to tell from your question, but it sounds like you want to do incremental saves without reloading the page. You need to look at AJAX form submitting to do this. — jmoerdyk
– jmoerdyk, Commented Jun 8, 2016 at 18:40

Matt · Accepted Answer · 2016-06-08 18:42:56Z

2

As the commenters mentioned, to prevent a page refresh, you need to do an ajax request. jQuery is certainly a good option, but you could use native javascript as well.

Something like this:

$.ajax({
    url: 'controller action url',
    type: 'POST',
    data: {
       whatever
    },
    success: function (results) {
         do stuff
    }
});

answered Jun 8, 2016 at 18:42

Matt

4,7805 gold badges29 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I submit Create but not Redirect to Action (ASP.NET MVC 5)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related