php - Keyup 显示一次成功信息

Question

我有一个文本区域，每当用户按下一个键或在文本区域中写入时，它就会将数据保存在我的数据库中。我的问题是，当我想在 <p> 中显示类似“已保存”的成功消息时每次有人按下一个键时它都会重复自己，我希望它重复显示相同的消息，但只显示一次。

如果可能，可能会在 10 秒后删除成功时的“已保存”消息。

这就是我的意思:

HTML:

<div class="form-group">
     <label for="comment">Kommentar:</label>
     <textarea class="form-control" rows="5" id="comment" name="comment"></textarea>
  <p name="message" id="message"></p>

jQuery:

$("#comment").keyup(function (){
    var isTyping = $('#comment').val();
    var data = 'result=' + isTyping;

    $.ajax({
        type: 'POST',
        url: "commentsave.php",
        data: data,
        cache: false,
        success: function(html){  
           $('#message').append('Saved');

        }
    });
});

PHP:

$name = $_POST['result'];
echo $name;

非常感谢，不需要您为我编写代码，只需指导我:)

Answer 1

改变:-

$('#message').append('Saved');

到:-

$('#message').html('Saved');

注意:- append() 将新数据添加到元素内的现有数据中，这就是显示多个成功消息的原因。

而 html() 将首先从元素中删除旧数据，然后添加新数据。因此不会发生重复。

请尝试阅读您帖子下的每条评论，并尝试实现它们以进行改进。特别是不要在每次按键时发送 ajax 调用。它会在某个时间点破坏您的系统。