发布JSON和提交表单（或重定向）

Question

I'm struggling with how to properly submit a form where I really only need to send the JSON and not the form controls. I have a SubmitOrder() javascript function:

function SubmitOrder() {
    var selectedProductsAsJson = JSON.stringify(selectedProducts);
    // This line works...
    $.post('/OrderCheckout/Save', { jsonData: selectedProductsAsJson });
    // ... or this line works...
    $('#productListForm').submit();
    // but not both lines together.
}

What I'm trying to do is send selectedProductsAsJson to my controller, process it, then send the user to a new page. The $.post line accomplishes the first two actions, but I don't know how to send the user to a new page after that.

If I just do the .submit() line, the user is redirected to the new page, but the controller doesn't have the json data to process.

If I use both lines, the $.post call is asynchronous and the user will end up on the new form before the $.post call completes. I read here that I can make the $.post call synchronous, but it seems like I should be able to do all of this with one call to the server. What am I missing to make this happen?

My controller currently looks like this;

public class OrderCheckoutController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public void Save(string jsonData)
    {
        List<Product> selectedProducts = new JavaScriptSerializer().Deserialize<List<Product>>(jsonData);
        decimal totalPrice = selectedProducts.Sum(x => x.Price);
        ViewBag.SaleTotal = totalPrice;
    }
}

Answer 1

you can use the success callback function (third parameter) of $.post

The "success url" can be hard coded or come from your POST ( Save ) action (which is actually void, but could be a JsonResult)

$.post('/OrderCheckout/Save', 
       { jsonData: selectedProductsAsJson }, 
        function() {
          $('#productListForm').submit();
        }
      );

Answer 2

public ActionResult Save(string jsonData)
{
    List<Product> selectedProducts = new JavaScriptSerializer().Deserialize<List<Product>>(jsonData);
    decimal totalPrice = selectedProducts.Sum(x => x.Price);
    ViewBag.SaleTotal = totalPrice;
    return RedirectToAction("Index");
}

---

OR

$.post('/OrderCheckout/Save', { jsonData: selectedProductsAsJson }, 
        function() {
          $('#productListForm').submit();
        }
);