这是我的代码。
<body>
your First Name: <input id="first_name" name="first_name" type="text" />
your Last Name: <input id="last_name" name="last_name" type="text" />
<input name="myBtn" type="submit" value="Submit Data" onClick="??????">
</body>
如您所见，它只有两个文本框和一个提交按钮。我想要做的是我希望用户能够输入他们的姓名，当单击按钮时，它将文本转换为 json 格式并在按钮下方显示结果以显示其工作。你能改变我的代码来做这件事吗，或者给我一个链接，帮助我自己做，干杯
您可以使用 json.js 库（来源：https://github.com/douglascrockford/JSON-js）
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<form>
<label for="first_name">your First Name: </label>
<input id="first_name" name="first_name" type="text" />
<label for="last_name">your Last Name: </label>
<input id="last_name" name="last_name" type="text" />
<input name="myBtn" id="myBtn" type="button" value="Submit Data" />
</form>
<script>
$('#myBtn').click(function() {
var form_data = {
'first_name': $('#first_name').val(),
'last_name': $('#last_name').val()
};
var json_text = JSON.stringify(form_data, null, 2);
$('#myBtn').after('<pre>' + json_text + '</pre>');
});
</script>
现场查看：http: //jsfiddle.net/jcalonso/HDWjf/