猿问

html读取json输入

我正在尝试在 html 中读取 json 输入(如https://jsonformatter.curiousconcept.com/)并将其传递给 js 函数以将 json 转换为 html 表。我是 html,js 新手,请帮我阅读 json 输入


<body>

    <input type="text" id="jsondata" name="jsondata" />

    <input type="button" onclick="CreateTableFromJSON(document.getElementById('jsondata').value)" value="Create Table From JSON" />

    <p id="showData"></p>

</body>


<script>

    function CreateTableFromJSON(json) {

        var x = JSON.stringify(json);

        var myJson = JSON.parse(x);


侃侃无极
浏览 239回答 1
1回答

拉莫斯之舞

Input.value已经是一个string。你只需要解析它。function CreateTableFromJSON(json) {&nbsp; var myJson = JSON.parse(json);&nbsp; console.log(myJson)}<input type="text" id="jsondata" name="jsondata" value='{"name":"John","age":31,"city":"New York"}' /><input type="button" onclick="CreateTableFromJSON(document.getElementById('jsondata').value)" value="Create Table From JSON" /><p id="showData"></p>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答