Javascript 将json输出转换为HTML表_Javascript_Html_Json

Javascript 将json输出转换为HTML表

javascript html json

Javascript 将json输出转换为HTML表,javascript,html,json,Javascript,Html,Json,我有一个简单的html页面，它有一个表单，该表单接受输入，单击按钮后，它将GET请求发送到后端服务器。我从后端服务器接收json格式的响应。我的html文件如下 <!DOCTYPE html> <html> <br/><br/><br/><br/> <body> <form action="http://localhost:9000/parsehtml" method="get"> <

我有一个简单的html页面，它有一个表单，该表单接受输入，单击按钮后，它将GET请求发送到后端服务器。我从后端服务器接收json格式的响应。我的html文件如下

<!DOCTYPE html>
<html>
<br/><br/><br/><br/>
<body>
<form action="http://localhost:9000/parsehtml" method="get">

    <h3Enter url :</h3>
    <input type="text" name="url" placeholder="http://example.com" style="width: 600px"><br>
    <br/><br/>
    <input type="submit" name="Get Website Statistics" style="width: 20em;  height: 2em;">
</form>
</body>
</html>

{ 
   "htmlVersion":"HTML5",
   "title":"Example Title",
   "headings":[ 
      { 
         "tag":"h1",
         "count":1
      },
      { 
         "tag":"h2",
         "count":2
      },
      { 
         "tag":"h4",
         "count":2
      },
      { 
         "tag":"h5",
         "count":4
      }
   ],
   "internalLinks":{ 
      "count":1,
      "links":[ 
         { 
            "tagName":"a",
            "link":"https://www.example.de/"
         }
      ]
   },
   "externalLinks":{ 
      "count":66,
      "links":[ 
         { 
            "tagName":"a",
            "link":"https://abo.example.de/?bste"
         }
      ]
   },
   "containsLoginForm":true
}

我想把这个json转换成HTML表格格式。我是javascript和html的新手，完全不知道在哪里需要编写脚本来捕获json并将其转换为html表

非常感谢您的任何意见。TIA

您还没有发布任何javascript，但听起来您需要调用任何代码来侦听单击：

 document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault()
});

假设您无法编辑后端，我的最佳猜测是捕获表单提交事件并发送AJAX请求，然后解析响应并相应地显示表

这假设表单托管在表单将提交到的同一服务器上，否则必须代理请求

<强>但是您需要考虑以下内容：

该表是否基于用户输入？如果是这样，输入是否经过服务器端消毒
您的JSON文件是如何构造的

我建议你去了解和