jquery ajax提交没有页面刷新问题

Question

我需要一个没有页面刷新的ajax提交系统，我在submit-a-form-without-page-refresh-using-jquery script site

中找到了一个

稍加修改后，删除jquery-ajax\images\form_bg.png，如何多次提交数据？我的意思是提交第一次，然后我清空文本框，如何写另一条消息然后再提交？另一个问题是：当我提交一次时，它会出现Submitted! success.一次。我提交两次，它出现Submitted! success.两次。我第三次提交，第三次出现Submitted! success.次。怎么解决？感谢。

success: function() {
$('#contact_form').append("<div id='message'></div>");
$('#message').append("<h2>Submitted!</h2>")
.append("<p>success.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img id='checkmark' src='check.png' />");
})
.fadeOut(3000, function() {
$('#message').css('display','none');
});
$('#name').val('');
$('#message').val('');
}

Answer 1

在提交函数return false;中作为最后一个语句。

success: function() {
    $('#contact_form').append("<div id='message'></div>");
    $('#message').html("<h2>Submitted!</h2>")
            .append("<p>success.</p>")
            .hide()
            .fadeIn(1500, function() {
        $('#message').append("<img id='checkmark' src='check.png' />");
    })
            .fadeOut(3000, function() {
        $('#message').css('display', 'none');
    });
    $('#name').val('');
    $('#message').val('');
}

苏