POST処理を非同期で実行する

FormでSubmitされたリクエストを非同期に切り替えるサンプル

$(function () {
    $('#userForm').submit(function (event) {
        // HTMLでの送信をキャンセル
        event.preventDefault();
        // 操作対象のフォーム要素を取得
        var $form = $(this);

        $("#overlay").fadeIn(300);

        // 送信
        $.ajax({
            url: $form.attr('action'),
            type: $form.attr('method'),
            dataType: "html",
            data: $form.serialize(),

            // 通信成功時の処理
            success: function (result, textStatus, xhr) {
                //alert(result);
                $("#embeddedContainer").html(result);

                $("#overlay").fadeOut(300);
            },

            // 通信失敗時の処理
            error: function (xhr, textStatus, error) {
                alert('NG...');

                $("#overlay").fadeOut(300);
            }
        });
    });
});