表单数据和请求有效负载之间有什么区别？

Question

当我发送一个AJAX Post请求并在send()方法的queryString中发送参数时,

Chrome Developer Tool的XHR捕获工具显示请求负载下的参数.当我使用jquery的post函数时,该工具在Form Data部分下显示参数.

有什么不同 ？

Answer 1

你没有提供足够的信息如何使用send函数,但我假设你没有设置mime类型来指定你发送表单数据

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

发送的数据在这种情况下编码为您对查询字符串进行编码

xhr.send("name=foo&value=bar");

否则它不会被Developer Tools解释为表单数据.

在这方面,jquery为你做了大部分工作.

更新:明确回答有什么区别......

• 如果请求(典型地POST)已Content-type报头中设置到application/x-www-form-urlencoded所述主体预计为与网址编码标准查询字符串的形式键=值通过加入对&.然后,表单数据部分显示键值参数(当查看解析时).这种方式在过去更为常见,因为它是HTML表单的默认值.

• 其他情况显示在请求有效负载部分(现在解析为可读性以及JSON等常见格式).