在 Chrome 开发者工具中通过 html 表单查看 POST 的内容答案

【问题标题】：View content of POST from an html form in Chrome Developer Tools在 Chrome 开发者工具中通过 html 表单查看 POST 的内容
【发布时间】：2020-02-13 19:55:56
【问题描述】：

提交一个非常简单的表单后：

<div id='submit_div' style="display: inline-block;">
  <form id='submit_form' method='post' action="http://localhost:28130/fusion">
    <input type='text' value='{ "eventType": "person_sopId", "badgeId" : 7, "sopId": 100 }'>
    <input type='submit' value="Submit">
  </form>
</div>

Developer toolbar | Network| Headers 有很多可用信息：

但我没有找到 POST 正文：它可用/可见吗？

更新这里是对评论的回应是整个标签

【问题讨论】：

标签： html google-chrome developer-tools

【解决方案1】：

帖子正文通常显示在您在同一标签中显示的信息下方。

它位于选项卡的底部并显示为表单数据。

【讨论】：

我用完整的标签更新了这个问题：我没有看到任何相关的东西，特别是没有 Form Data 。我错过了什么吗？
这对我有帮助：原来有 no 表单数据：请参阅下面的答案

【解决方案2】：

好的，我知道发生了什么：我没有为单个 input 字段提供 name。实际上，我想将整个事情作为 unnamed POST 请求提交。不确定是否可以通过 html 表单实现。

首先 input 需要一个 name ：让我们添加它：

 <input type='text' name='input_json' value='{ "eventType": "person_sopId", "badgeId" : 7, "sopId": 100 }'>

现在点击 submit 会导致 Form Data 可见 - 每个 @MihailMinkov

【讨论】：

输入必须具有定义的名称属性才能通过邮寄发送。如果您愿意，也可以使用数组。语法类似于：<input ... name="info[json]">.