我有一个简单的 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 表完全感到困惑。任何输入都受到高度赞赏。蒂亚！！！
2 回答
慕标琳琳
TA贡献1830条经验 获得超9个赞
假设您无法编辑后端，我最好的猜测是捕获表单提交事件并发送 AJAX 请求，然后解析响应并相应地显示表格。
这假设表单托管在表单将提交到的同一台服务器上，否则您将不得不代理请求。
但是，您需要考虑以下几点：
表格是否基于用户输入？如果是这样，该输入是否经过服务器端消毒？
您的 JSON 文件是如何构建的？
我建议您学习JavaScript 中的HTML Tables JSON 解析和Javascript 中的 DOM 操作。
波斯汪
TA贡献1811条经验 获得超4个赞
您还没有发布任何 javascript，但听起来您需要调用event.prventDefault()任何侦听点击的代码：
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
添加回答
举报
0/150
提交
取消