从 Chrome 开发人员工具中的 html 表单查看 POST 的内容

Question

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

<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 正文：是 available/viewable 吗？

更新回复评论这里是整个标签

Answer 1

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

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

Answer 2

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

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

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

现在点击提交会导致 表单数据 可见 - 根据@MihailMinkov

从 Chrome 开发人员工具中的 html 表单查看 POST 的内容

View content of POST from an html form in Chrome Developer Tools

html

google-chrome

developer-tools