Javascript 如何使用JQUERY将提交的表单数据转换为json数组并将json数组存储到localstorage中

如何使用

jQuery

和

Javascript

将提交的表单数据转换为

JSON

数组，并将

JSON

数组存储到

localstorage

？以及如何在

HTML

页面上打印输出数据

名称
标题
描述
新评论
喜欢
不像
拯救
展示

来自：

---

你没试过什么吗？只是想让我们帮你编码？请访问：iApoorva：你能做一个JSFIDLE吗？你的问题不清楚。如果我单击save按钮，它应该以JSON数组的形式将数据保存到localstorage中。如果我点击显示按钮，存储在localstorage中的JSON数组应该显示在html页面上。提问者没有尝试任何东西，也没有表现出任何努力或研究，因此我们不应该回答此类问题。无论如何，您的answrd并没有将asker想要的所有“请求的代码”（json>localStorage>PrintHTML）都交给Calvin。我使用JQUERY和JAVASCRIPT对代码进行了尝试。这是我第一次使用stackoverflow。我不知道如何正确地发布代码$（“#保存”）。单击（函数（evt）{evt.preventDefault（）；结果[“信息]）。推送（{name:$（'input[id=”name“]））.val（），标题：$（'input[id=”title“]）.val（），说明：$（'textarea[id=”description“]）.val（），注释：$（'textarea[id=”newcomments“）.val（），图标：$（'input[name=”icon“]：checked”）.val（）；本地存储.setItem json（“结果”）@a或编辑您的问题（在您的问题下方，标签下方有一个小按钮：edit），然后在那里添加适当的代码。

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