添加的数据消失

Added data disappear

本文关键字：消失 数据 添加      更新时间：2023-09-26

jQuery Core 3.1.0

Chrome、Firefox

下面是jquery.ajax((成功行为的模型。

很快：我设法通过AJAX获取了数据。在这个模型示例中，数据由"Justsomething"占位符表示。现在我想将数据添加到文档中。

<script>
var add_date = $("#add_date");
function add_date_ajax(){
    $('.frame_date').append("Just something");
    debugger; // 1
}
debugger; // 2
add_date.click(add_date_ajax);
</script>

一个问题：数据在半秒内出现，然后消失

我放置了断点。

加载页面时，它会在断点2处停止。这是正确的。

当我单击#add_date元素时，脚本在断点1处停止。这也是正确的。

但当我单击"恢复脚本执行"时，脚本再次转到断点2。这对我来说似乎很奇怪。好像页面被重新加载了一样。也许这就是添加的文本消失的原因。

你能帮我解决这个问题吗？

稍后添加：

https://jsfiddle.net/mv1yu3zw/1/

它会消失，因为您正在重新加载页面。html

<a href="" id="add_date">Add date</a>

应该是

<a href="#" id="add_date">Add date</a>

要绑定所有事件，应在document上使用ready。

为了避免重新加载页面(因为a标记的href(，您必须调用preventDefault或使用button。

你应该这样写你的代码：

$(document).ready(function() {
    $("#add_date").on("click", add_date_ajax);
});
function add_date_ajax(event) {
    event.preventDefault();
    $('.frame_date').append("Just something");
}
相关文章：