我想从一个html表单存储到一个JSON文件在网页本身的输入
i want to store the input from an html form to an JSON file in the webpage itself
现在值被存储在服务器上的数组中,但我想将其存储在客户端仅在网页本身。我需要将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>
像这样应该可以工作
<form onsubmit="processForm();">
<script>
var object = {};
function processForm()
{
object = {
id: document.getElementById("id").value,
var: document.getElementById("var").value
};
return false;
}
</script>
虽然我会做一些值验证检查,以确保您的元素存在等…
相关文章:
- 如何建立一个网页,检查我的路由器网络接口是否可以访问
- 如何在一个网页网站中处理基于document.write()的广告标签
- 用javascript将信息/变量从一个网页传递到另一个网页
- 用户在文本框中输入一个数字,并根据使用 PHP 输入的数字重定向到另一个网页
- 想要淡出当前网页并在下一个网页中淡出
- 在另一个网页中填写一个文本字段,并检查结果是否如预期
- 使用PHP和JSP在另一个网页中获取cookie值
- 如何从另一个网页修改一个网页的内容
- 如何将数据从一个网页发送到另一个网页
- Ajax 从另一个网页拉取内容
- 我可以通过Javascript从另一个网页获取特定的页面HTML代码吗?
- 转到另一个网页后,iframe 大小保持不变
- 我将如何在一个网页上放置多个Facebook跟踪像素
- 如何使用 JavaScript 将文本框值从一个网页传送到另一个网页
- 从另一个网页以 HTML 格式通过电子邮件发送当前购物车
- 通过jquery或javascript将信息从一个网页传递到另一个网页
- 使用 jQuery $.post() 方法获取另一个网页的一部分
- 在iframe中编辑另一个网页的样式的方法,即使是表面上的
- 从另一个网页调用数组
- 如何衡量一个网页何时完成 2 个功能