Question

好吧，所以我有两个按钮，一个添加狗到狗列表，另一个清除整个列表。

两者都工作正常，只有一件事困扰我的是只有OnSubmit按钮刷新页面。

狗列表加载在OnReady中，只有在添加项目时才会刷新列表。当我清除列表时，我需要手动刷新页面以查看更改。

function OnSubmit(event) {
    addToStorageList(dogs, dog);
}

function OnClickClearList() {
    localStorage.setItem('dogs', JSON.stringify([]));
}    

function addToStorageList(listName, itemToAdd) {
    var list = JSON.parse(localStorage.getItem(listName));  
    if (!Array.isArray(list)) {
        list = [];
    }
    list.push(itemToAdd);
    localStorage.setItem(listName, JSON.stringify(list));   
}

$('#btn1').click(OnSubmit);

$('#btn2').click(OnClickClearList);

感谢您的帮助，谢谢！

Answer 1

在我看来，没有人应该刷新，刷新你应该使用

＆＃34; location.reload（）; ＆＃34;

在你的职能结束

其中一个刷新的原因是我无法看到的代码（你已经发布了）或者一个名为OnSubmit而且它干扰了表单提交按钮或其他东西

javascript一些按钮点击不刷新页面？

1 个答案: