Javascript 我想将html表单中的输入存储到网页本身的JSON文件中

Javascript 我想将html表单中的输入存储到网页本身的JSON文件中,javascript,jquery,json,Javascript,Jquery,Json,目前,该值存储在服务器上的一个数组中,但我只想将其存储在网页本身的客户端。我需要将html表单生成的表单数据写入json文件,它应该保留在页面本身,而不是发送到服务器。这就好像我正在为一个对象分配名称和值 <!doctype html> <html> <head> <title>jQuery UI Dialog - Default functionality</title> <style> body { font-famil

目前,该值存储在服务器上的一个数组中,但我只想将其存储在网页本身的客户端。我需要将html表单生成的表单数据写入json文件,它应该保留在页面本身,而不是发送到服务器。这就好像我正在为一个对象分配名称和值

<!doctype html>
<html>
<head>
<title>jQuery UI Dialog - Default functionality</title>
<style>
body {
font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
font-size: 62.5%;
}
</style>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.11.1.js"></script>
<script src="jquery-ui.js"></script>
<script>
$(document).ready(function() { 
$('path') .dblclick(function(){
$(function() {
$( "#dialog" ).dialog();
});
});
});
</script>
</head>
<body>
<svg width="80" height="32">
<path d="M10 15 l15 0 l2.5 -5 l5 10 l5 -10 l5 10 l5 -10 l5 10 l2.5 -5 l15 0"       stroke="black" stroke-width="2px" stroke-linejoin="bevel" fill="none"></path>
</svg>
<div id="dialog" title="Basic dialog" style="display:none">
<form action="array.php" method="post">
Component-ID: <input type="text" name="id"><br>
Componentval: <input type="text" name="var"><br>
<input type="submit" value="Submit">
</form>
</div>
</body>
</html>

jQuery UI对话框-默认功能
身体{
字体系列:“投石机MS”、“Helvetica”、“Arial”、“Verdana”、“无衬线”;
字体大小:62.5%;
}
$(文档).ready(函数(){
$('path').dblclick(函数(){
$(函数(){
$(“#dialog”).dialog();
});
});
});
组件ID:
组件值:

像这样的东西应该可以用

<form onsubmit="processForm();">
<script>
var object = {};
function processForm()
{
    object = {
        id: document.getElementById("id").value,
        var: document.getElementById("var").value
    };
    return false;
}
</script>

var对象={};
函数processForm()
{
对象={
id:document.getElementById(“id”).value,
var:document.getElementById(“var”).value
};
返回false;
}
尽管我会做一些值验证检查以确保元素存在等等。

尝试
$(“#表单”).serialize()