2014-05-03 48 views
-1

用戶輸入一些任務後,點擊「添加按鈕」我希望新的項目保存在本地存儲。 這裏低於代碼: http://jsfiddle.net/ovesyan19/mcm36/1/存儲在待辦事項列表

HTML

<form class="new_item"> 
     <input type="text" class="text_field" name="server_input" id="text_field" placeholder="Write a new task here..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Write a new task here...'" /> 
     <input type="submit" class="add_btn" value="Add" /> 
</form> 

<div class="items"> 
    <ul id="tasks_list" class="sortable"> 
    </ul> 
</div> 

JS

var myTasks = localStorage.getItem("tasks"); 
if(myTasks===undefined || myTasks===null) 
{ 
    myTasks = []; 
} 
myTasks.push(task); 
localStorage.setItem("tasks", myTasks); 
+0

和你的問題是什麼? –

+0

我編輯了我的帖子@AmitJoki – ovesyan19

+0

好吧,你第三次發佈完全相同的問題。你沒有表現出努力去嘗試自己解決你的問題,只是要求其他人爲你編碼。你不應該在這裏持續很長時間...所以... –

回答

1

此:

var myTasks = localStorage.getItem("tasks"); 
if(myTasks===undefined || myTasks===null) 
{ 
    myTasks = []; 
} 
myTasks.push(task); 
localStorage.setItem("tasks", myTasks); 

應該是:

var myTasks = localStorage.getItem("tasks") || [] 
if(myTasks != []) 
    myTasks = JSON.parse(myTasks); 
myTasks.push(task); 
localStorage.setItem("tasks", JSON.stringify(myTasks)); 

localStorage只包含字符串。所以,你必須使用JSON.stringify將數組轉換爲JSON,然後你可以通過解析JSON.parse('json')

+0

當我運行這個並重新加載頁面,它仍然沒有保存任何東西。我在哪裏可以看到它存儲任務的結果?謝謝! – ovesyan19

+0

sho me更新的小提琴 –

+0

http://jsfiddle.net/ovesyan19/mcm36/3/ – ovesyan19