akira093/json_submit.html

## json_submit.html
<html>
<head>
	<title>
		test
	</title>
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta http-equiv="Access-Control-Allow-Headers" content="*">
	<meta http-equiv="Access-Control-Allow-Methods" content="GET">
</head>
<body>
	<h1>test</h1>
	<form action="http://localhost:8090" method="post" id="login">
		<p>
			text<input type="text" name="text">
		</p>
		<p>
			checkbox <input type="checkbox" name="checkbox" value="1">
		</p>
		<p>
			checkbox2 <input type="checkbox" name="checkbox" value="2">
		</p>
		<p>
			<button type="submit">login</button>
		</p>
	</form>
	<script type="text/javascript">
		document.querySelector("#login").onsubmit = (e) => {
			e.preventDefault()
			const form_data = new FormData(e.target)
			const object = Array.from(form_data).reduce((o, [k, v]) => {o[k] = v; return o}, {})
            const json = JSON.stringify(object)
			alert("test")
			fetch("http://localhost:8090/test",{
				method: "POST",
				body: json
						})
		}
	</script>
</body>
</html>
	<html>
	<head>
	<title>
	test
	</title>
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta http-equiv="Access-Control-Allow-Headers" content="*">
	<meta http-equiv="Access-Control-Allow-Methods" content="GET">
	</head>
	<body>
	<h1>test</h1>
	<form action="http://localhost:8090" method="post" id="login">
	<p>
	text<input type="text" name="text">
	</p>
	<p>
	checkbox <input type="checkbox" name="checkbox" value="1">
	</p>
	<p>
	checkbox2 <input type="checkbox" name="checkbox" value="2">
	</p>
	<p>
	<button type="submit">login</button>
	</p>
	</form>
	<script type="text/javascript">
	document.querySelector("#login").onsubmit = (e) => {
	e.preventDefault()
	const form_data = new FormData(e.target)
	const object = Array.from(form_data).reduce((o, [k, v]) => {o[k] = v; return o}, {})
	const json = JSON.stringify(object)
	alert("test")
	fetch("http://localhost:8090/test",{
	method: "POST",
	body: json
	})
	}
	</script>
	</body>
	</html>