Question

这是我的代码。

<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格式，并在按钮下方显示结果以显示其工作。你可以改变我的代码来做这些人或指向我一个可以帮助我自己做的链接欢呼声

Answer 1

您可以使用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/

如何将文本框中的文本转换为json格式

1 个答案: