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

时间:2016-04-28 18:55:54

标签: javascript jquery

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

两者都工作正常,只有一件事困扰我的是只有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);

感谢您的帮助,谢谢!

1 个答案:

答案 0 :(得分:2)

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

" location.reload(); "

在你的职能结束

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