HttpPost action of a controller gets hit twice

asp.net-mvc, http-post, jquery

Solution

The problem is because you are adding a `submit()` handler to your form every time you click the button, therefore the second time you submit the form, it'll hit your action twice, the third click means three posts, and so on.

To fix this, amend your code to hook to either the `click()` of the submit button, or the `submit()` of the form only. My preference is the form submission. Try this:

$("form").submit(function(e) {
    e.preventDefault();
    $.ajax({
        url: 'EditEntryInline',
        type: 'POST',
        data: $(this).serialize(),
        success: function(result) {
            if (result.success) {
                window.location.reload();
            }
            else {
                // inform the user that the save didn't work
            }
        }
    });
});

Also, you should probably amend your selector to use an `id` so that this code won't hook up to the `submit()` event of every form which appears on your page.

Problem

Following is the exact scenario in my application. I believe this picture is explaining the issue clearly. please do let me know if you have any questions in understanding the same. The issues is the HttpPost action gets called twice causing two entries getting added in the database. How can I prevent the 2 actions?

Original source