Question

Let’s say I have a fairly generic jQuery Prompt that asks me to rename an element and then tells me what I entered:

$(function () {
$("#rename").click(function () {
    jPrompt('Please Enter a New Name:', 'Enter new name...', 'Rename Prompt', function (r) {
        if (r) {
            alert('You entered ' + r);
        }
    });
});
});

But the element that I wish to rename is stored on a database on the server, which means that I need to run a server-side script to rename this element. I assume that this means that I need to use a submit, just like on a form. I’ve found some information about a .submit() jQuery function here but I do not entirely understand how it works. If anyone could let me know how I would make a submit and then run a server-side script that would be really appreciated.

Answer 1

$(function () {
    $("#rename").click(function (e) {
        e.preventDefault();
        jPrompt('Please Enter a New Name:', 'Enter new name...', 'Rename Prompt', function (r) {
            if (r) {
                $('input[name="NewName"]').val(r.Name);
                $.post('@Url.Action("Edit", "TheController")', $('#hiddenform').serialize(), function(response) {
                    // response = ActionResult
                });
            }
        });
    });
});

1. Use Url.Action to get a correct URI
2. Use prevent default to block default action
3. Return some kind of JSON from the MVC3 action to indicate success/failure.
4. Place a hidden <form> somewhere and fill it with the information to post