POSTメソッドを使用して残りのAPIに送信するには、javascript関数を使用してフォームデータを収集する必要があります。下記のサンプルを見つけてください。あなたは必要に応じて
<html>
<head>
<script src="jquery.min.js" ></script>
<script>
function createProfile()
{
data = $("#registrationForm").serializeArray();
$.ajax({
url: 'http://localhost:8080/profiles',
method: 'POST',
dataType: 'text', //You can also define this as Json
data: data,
success: function() { /*doSomething();*/ },
error: function(error) {/*doSomething();*/}
});
}
</script>
</head>
<body>
<form onsubmit="createProfile()" id="registrationForm">
Name : <input type="text" name="name" /> <br />
Surname: <input type="text" name="surname" /> <br />
Age : <input type="text" name="age" /> <br />
<input type="submit" value="Register" />
</form>
</body>
</html>
ただ、試してみて、フォーム要素を変更。..
を使用すると、出力としてHTMLをしたいのはなぜ? –
ようこそスタックオーバーフロー! **テキスト**としてコードを投稿し、コードブロックとしてマークして、他の人がコピー&ペーストすることができます。 –