gpt4 book ai didi

php - Keyup 显示一次成功信息

转载 作者:行者123 更新时间:2023-11-28 05:16:12 25 4
gpt4 key购买 nike

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

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

这就是我的意思:
I want to remove this "LAGRET"

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;

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

最佳答案

改变:-

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

到:-

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

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

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

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

关于php - Keyup 显示一次成功信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45514080/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com