jQuery异步提交form表单

在jQuery的ready方法中定义form提交时的动作就可以。

$(document).ready(function() {
    //使用jQuery异步提交表单
    $('#editMsgForm').submit(function() {
        jQuery.ajax({
            url:'editRealMsg.eri',
            data:$('#editMsgForm').serialize(),
            type:"POST",
            beforeSend:function()
            {
                $('#submitButton').hide();
                $('#editRealMsgImg').show();
            },
            success:function()
            {
                $('#editMsgImg').hide();
                $('#modifyButton').show();
            }
        });
        return false;
    });
});

你可能感兴趣的:(Web前端)