在前后端拆散的开发我的项目中，前后端联调的时候会呈现这样那样的问题，尤其是在调取数据的程序下面，有时候前端给的前端给到后端的明明是正确的但就是无奈拿到正确的数据，上面小千就来给大家详解一下常见的三种数据传输方式。

   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）  以上就是前端三种传输数据的形式了