共计 1137 个字符，预计需要花费 3 分钟才能阅读完成。
在前后端拆散的开发我的项目中，前后端联调的时候会呈现这样那样的问题，尤其是在调取数据的程序下面，有时候前端给的前端给到后端的明明是正确的但就是无奈拿到正确的数据，上面小千就来给大家详解一下常见的三种数据传输方式。
1、地址栏传输数据
1）、query string Parameters：当申请形式是 get 时，浏览器会应用查问字符串的形式进行传递数据，即：query string Parameters
查问字符串的规定：申请参数应用 URL 地址和“问号传参“的形式进行传递 ---- 用问号把 url 和申请参数离开。申请参数的格局：以键值对的形式体现，多个键值对之间用 & 隔开。假如：申请地址为 newsList.php。申请参数是 pageIndex 和 pageCount。那么，申请的格局为：newsList.php?pageIndex=1&pageCount=10; 如下图，申请形式为 get，在 chrome 浏览器的 network 里看到的是：query string Parameters
1
2、申请体中传输数据
当申请形式不是 get（大部分状况是 post 或 put）时，那么申请的数据不是在 url 上，而是在申请体里。申请体的英文就是：www.diuxie.comrequest payload。然而 chrome 浏览器针对不同的 content-type 有做了辨别，别离是 formData 和 request payload。1）、formData
content-type 的值是 "application/x-www-form-urlencoded" 或者 multipart/form-data; boundary=----WebKitFormBoundaryBoMA1XQDUpwpxKQg 时，那么，就是用的是 formData 的格局传递数据
2
3
2）、request payload
content-type 的值是 "text/plain" 或者 "application/json" 时，那么，就是用的是 request payload 的格局 [游戏](http://www.diuxie.com) 传递数据
4
5
附：默认的数据格式
1、传统的 ajax 申请时候，Content-Type 默认为 "文本" 类型。2、传统的 form 提交的时候，Content-Type 默认为 "Form" 类型（application/x-www-form-urlencoded）3、axios 传递字符串的时候，Content-Type 默认为 "Form" 类型（application/x-www-form-urlencoded）4、axios 传递对象的时候，Content-Type 默认为 "JSON" 类型（（application/json）以上就是前端三种传输数据的形式了
正文完
