表单提交并重定向到同一页面，无需重新渲染

Question

I have a huger web form in my MVC app. When I click my "save" button, the form is submitted and the values saved, and at the end I redirect to the same page/form. But it re renders the whole form, when it was already loaded and there is no need. How can I avoid that? I want the SAVE button to behave like: save all but continue where I was.

My controller code:

    [HttpPost]
    [ValidateInput(false)]
    public ActionResult FormCol(FormCollection collection)
    {
        ...
        if (Request.Form["DocumentId"] != null)
        {
        ...
        return RedirectToAction("FormCol", new { id = DocumentId });
    }

View:

<input type="hidden" value="@document.Id" name="DocumentId" />

Answer 1

You will need to post your form via Ajax / jquery:

$.ajax({
    url: '/someController/FormCol?variable1=' + $("#input1").val() + '&variable2=' + $("#input2").val(),
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        alert(data); //This is where you would do something based upon a successful save, such as alerting the user to their new document ID or something.
    },
    error: function () {
        alert("error"); //This is where you know that your save failed.
    }
});

And change your Controller action return Json:

    public JsonResult FormCol(string variable1, string variable2)
    {
        //do saving stuff here
        return Json(new  { id = DocumentId });
    }