入力フォームで入力した項目をJSON形式にしてリクエストをかけるやり方

Question

リンク
上記は文字コードを指定してリクエストをかけるJavascriptです。
これをJSON形式でリクエストをかけるやり方をご存知の方ご教授願いたいです。

Answer 1

<script type="text/javascript">

	function btn_click() {
		var record = {};
		record.value1 = document.getElementById("value1").value;
		record.value2 = document.getElementById("value2").value;
		record.value3 = document.getElementById("value3").value;
		
		var form = document.getElementById("my_form");
		
		// 「非表示なコントロール」を作成する
		var hidden = document.createElement("input");

		// タイプを "hidden" に変更する
		hidden.type = "hidden";

		// 名前を設定する
		hidden.name  = "json_data";

		// jsonデータ
		var jsonData = { "paramStr":  window.JSON.stringify(record)};
		hidden.value = jsonData;
		
		
		form.submit()
	}

</script>
<form id="my_form">
<input id="value1" type="text" value="2" />
<input id="value2" type="text" value="2" />
<input id="value3" type="text" value="3" />

<input type="button" value="JSON送信" onclick="btn_click()" />
</form>

ボタンクリックで画面のvalue1,value2,value3はJSON形式でサーバに送信される。
サーバ側では「json_data」という変数名で取得可能です。

テキストで編集したので、微調整はしてください。

Comments

[takato]

liguofeng29様ありがとうございます！！
これをJSON配列にするやり方はご存じないでしょうか？