防止表单提交后页面重定向/停留在同一页面上

Question

Can't figure out for the life of me why this isn't working the way it should...

I've got a ASP.NET MVC5 form where there are two buttons--"Add New Product", will allow them to temporarily save all of the product data (NOT to the database) and allow them to input another information on a product; the other button, "Save Changes", will save all of those products that were added via "Add New Product".

I'm currently stuck on the "Add New Product" functionality. Currently, it's redirecting users to a new page and I can't figure out why it's still redirecting when it technically shouldn't be. Any reason why it's doing a redirect? It's going through the controller method just fine too. I just want it to stay on the same page, but currently with what I have it's getting redirected to a blank page, the exact partial view I was on.

Javascript

$("#ProductForm").submit(function () {
    // Data validation here
    if (hasErrors) {
        // Display errors to user via unobtrusive validation
    }
    else {
        var ProductViewModel = {
            'Name': $("#ItemName").val(),
            'Price': $("#ItemPrice").val(),
            // etc.
        };

        $.ajax({
            url: $("#AddProductURL").val(),
            dataType: "JSON",
            type: "POST",
            data: ProductViewModel,
            success: function () {
                // Clear all fields
                $("#ProductForm").reset();
                return false; // I guess this isn't working?
            }
        });
        return false; // I guess this isn't working either?
    }
    return false; // Not working as well?
}

Controller

[HttpPost]
public ActionResult AddProduct(ProductViewModel productVM)
{
    // Do stuff with the view model here
    return new EmptyResult();
}

Answer 1

Try

$("#ProductForm").submit(function (e) {
e.preventDefault();
// Data validation here
if (hasErrors) {
    // Display errors to user via unobtrusive validation
}
... rest of the code

Answer 2

I figured it out. I feel SUPER dumb. I thought I mentioned this in the original post, but I'm using ASP.NET MVC5 and I didn't realize how relevant it was. I'll edit my post in a moment to reflect it.

There's a difference between @Html.BeginForm and @Ajax.BeginForm which I found out through this Stack Overflow answer: difference between Html.BeginForm() and ajax.beginform()

The very top bullet point for @Ajax.BeginForm answered my problem.