如何將表單中的數據保存到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字典中。 –