将 json 输出转换为 HTML 表格
我有一个简单的 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>
现在，我在单击submit按钮时被重定向到另一个页面，并且 json 响应显示如下
{
"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 表完全感到困惑。
任何输入都受到高度赞赏。蒂亚！！！
德玛西亚992回答
-
慕标琳琳
假设您无法编辑后端，我最好的猜测是捕获表单提交事件并发送 AJAX 请求，然后解析响应并相应地显示表格。这假设表单托管在表单将提交到的同一台服务器上，否则您将不得不代理请求。但是，您需要考虑以下几点：表格是否基于用户输入？如果是这样，该输入是否经过服务器端消毒？您的 JSON 文件是如何构建的？我建议您学习JavaScript 中的HTML Tables JSON 解析和Javascript 中的 DOM 操作。 -
波斯汪
您还没有发布任何 javascript，但听起来您需要调用event.prventDefault()任何侦听点击的代码： document.getElementById("myAnchor").addEventListener("click", function(event){ event.preventDefault()});
随时随地看视频慕课网APP
相关分类
JavaScript