Question

当我添加到列表时，我有以下代码，当浏览器刷新时它不会停留在页面上我想知道有没有办法解决这个问题。

<script language="javascript">
$('.example-default-value').each(function () {
    var default_value = this.value;
    $(this).focus(function () {
        if (this.value == default_value) {
            this.value = '';
        }
    });
    $(this).blur(function () {
        if (this.value == '') {
            this.value = default_value;
        }
    });
});
function example_append() {
    $('#step').append($('#example-textarea').val() + "<br />"); 
}

然后，我希望能够添加到列表中，即使在重新加载页面后也将其保留在列表中。

Answer 1

很抱歉，但这是不可能的，因为当您刷新页面时，它将再次从服务器端解析您的页面脚本让我们说php，并且您只是通过客户端脚本javascript添加元素，其更改将在刷新时丢失..

你需要在你的初始html中使用它们......或者身体onload你可以创建那些他们将被添加你的身体的项目=将被加载.. :)

Answer 2

您应该将列表中的项目保存到某个位置，以便在页面刷新时重新加载它们。您可以通过AJAX调用执行此操作，或者如果您使用的是HTML5，则可以选择将其保存到浏览器的本地存储中。

以下是如何实现AJAX调用的示例：

function example_append() {
   $('#step').append($('#example-textarea').val() + "<br />");
   $.ajax({ type: "POST", url: "somescript.php", data: "value=" + $('#example-textarea').val() });
}

Jquery添加到列表刷新

2 个答案: