如何使用JQUERY將提交的表單數據轉換為json數組並將json數組存儲到localstorage

Question

如何提交的表單數據轉換成JSON陣列和存儲JSON數組localstorage使用jQuery和Javascript ？ 以及如何在HTML頁面上打印輸出數據？

 <form> <label>Name</label> <input id = "name" type = "text"/> <label>Title</label> <input id = "title" type = "text"/> <label>Description</label> <input id = "description" type = "text" rows="4" cols="50"/> <label>New Comments</label> <input id = "comments" type = "text" rows="4" cols="50"/> <input type="radio" name = "icon"/> like <input type="radio" name = "icon" /> unlike <button id = "save" value = "submit">Save</button> <button id = "display" value = "submit">Display</button> </form> 

Answer 1

從jquery .serializeArray（） ：

$( "form" ).submit(function( event ) {
   console.log( $( this ).serializeArray() );
   event.preventDefault();
});