为了账号安全,请及时绑定邮箱和手机立即绑定

html读取json输入

html读取json输入

侃侃无极 2022-06-05 11:10:23
我正在尝试在 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);
查看完整描述

1 回答

?
拉莫斯之舞

TA贡献1820条经验 获得超10个赞

Input.value已经是一个string。你只需要解析它。


function CreateTableFromJSON(json) {

  var myJson = JSON.parse(json);

  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>


查看完整回答
反对 回复 2022-06-05
  • 1 回答
  • 0 关注
  • 238 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信