如何将表单中的数据保存到JSON字典中？

-1

我遇到的问题是试图将用户输入从表单保存到JSON字典中。我的表单的HTML代码如下：如何将表单中的数据保存到JSON字典中？

<!DOCTYPE html> 
<html> 
<head> 
    <title>Untitled Document</title> 
    <meta charset="UTF-8"> 
    <meta name="description" content=""> 
    <meta name="keywords" content=""> 
    <script src="store.js" type="text/javascript"></script> 
</head> 
<body> 
<form action="cgi-bin/formmail.pl" method="post"> 
    Name: <input id="name" type="text" name="name" value="" size="25" maxlength="50" /> 
    <br/> 
    <br/> 
    Date: <input id="date" type="date" name="date" value="" size="25" maxlength="50" /> 
    <br/> 
    <br/> 
    Location: <input id="location" type="text" name="location" value="" size="25" maxlength="50" /> 
    <br/> 
    <br/> 
    Category: <select id="category"><option value="landscape">Landscape</option> 
    <option value="portrait">Portrait</option> 
    <option value="conceptual">Conceptual</option> 
    <option value="street">Street</option> 
    <option value="fine art">Fine Art</option> 
    <option value="people">People</option> 
    <option value="abstract">Abstract</option> 
    <option value="nature">Nature</option> 
    <option value="architecture">Architecture</option> 
    <option value="flower">Flower</option> 
    <option value="general">General</option> 
    <option value="animal">Animal</option> 
    <option value="children">Children</option> 
    </select> 
    <br/> 
    <br/> 
    <input type="button" value="Change details" onclick="insert();" /> 
</form> 
    <div id="display">  </div> 
</body> 
</html>

我以前使用一个JS函数是这样的：

function insert() { 
var nameinput = document.getElementById("name").value; 
var dateinput = document.getElementById("date").value; 
var locationinput = document.getElementById("location").value; 
    var category = document.getElementById("category").value; 

var messageBox = document.getElementById("display"); 
    var details = [nameinput, dateinput, locationinput,category]; 
    messageBox.innerHTML="Name: " + details[0]+"<br/>"+"Date: " + details[1]+"<br/>"+ "Location: " + details[2]+"<br/>" + "Category: " + details[3]; 
}

有谁知道我如何能做到这一点的任何提示？谢谢您的帮助！

来源

2016-02-18 Jeremy Brooks

http://stackoverflow.com/questions/1184624/convert-form-data-to-javascript-object -with-jquery – garryp

你面临的问题究竟是什么？你的JS函数似乎没有使用任何JSON。 – aemorales1

我不确定如何使用JSON来保存用户输入的数据。我希望它做一些与JS函数非常相似的东西，但我不确定我是否可以在JSON中这样做。这是一个图库应用程序，所以我需要将用户输入存储在JSON字典中。 –