时间戳

首页 > 解决方案 > 如何轻松可视化发布请求的内容？

php - 如何轻松可视化发布请求的内容？

问题描述

假设我们有以下表格。一旦提交，有没有一种方法可以在没有服务器端脚本的情况下以 json 形式可视化请求的内容？

<html>
    <head>
    </head>
    <body>
        <form class="dump" action="#" method="post">
            <fieldset>
                <legend>Dump inputs</legend>
                <label for="name">Name</label>
                <input id="name" type="text" size="25" />
                <label for="email">email</label>
                <input id="email" type="text" size="25" />
                <input type="submit" id="submit" value="Send" />
            </fieldset>
        </form>
    </body>
</html>

预期输出：

{"name":"something","email":"something"}

解决方案

在 Chrome 中：查看 > 开发人员 > 开发人员工具 > 网络 > 所有 > 名称 > 标题

标签： phphtmljson

解决方案

首先，您需要为您的字段命名。添加name与它们具有相同值的属性ids。然后使用FormData：

var fd = new FormData(document.querySelector('form'))
console.log(Object.fromEntries(fd.entries()))

推荐阅读