Question

单击表单后数据处理成功，我收到绿色成功消息，但没有刷新页面。然而，当我在页面上并尝试再次提交表单时，成功消息不会显示，但表单重置本身。如果没有刷新页面，我应该怎样做才能获得成功消息？

顺便说一下，如果我刷新页面，那么将再次显示成功消息。

这是我的代码：

$(document).ready(function () {
    $('#TestForm').submit(function (e) {
        e.preventDefault();
        $.ajax({
            url:"post.php",
            data: $(this).serialize(),
            type: "POST",
            dataType: "json",
            success: function (data) {
                $('#resultback').addClass("alert alert-success").html('Your data has sent succesfully! ');
                $('#TestForm').trigger("reset");
                setTimeout(function() {
                    $('#resultback').fadeOut('slow'); }, 3000);
            },
            error: function (data) {  $('#status').html(status);
            }
        })
    })
    $('#TestForm').reset;
})

为什么会这样？

Answer 1

$('#resultback').fadeOut完成后，您的消息将获得display: none;样式。因此，在将内容放入#resultback后，只需执行$('#resultback').show();

即可

在http://api.jquery.com/fadeout/

中查看

Answer 2

请在淡出前显示“resultback”元素。 $（ '＃resultback'）。显示（）

Jquery，Ajax成功消息只出现一次onclick，第二次没有显示

2 个答案: