千锋教育-做有情怀、有良心、有品质的职业教育机构

领取全套视频

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  关于学院  >  技术干货  >  正文

web前端技巧|前端请求后端数据的三种方式

时间:2021-05-31 09:01     来源:千锋教育 作者:小千
分享: 更多

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

      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上,而是在请求体里。请求体的英文就是:request payload。但是chrome浏览器针对不同的content-type有做了区分,分别是formData和request payload。

      1)、formData

      content-type的值是" application/x-www-form-urlencoded"或者 multipa