ajax---接口传参的方式及数据格式

浏览器控制台中点开API,查看前端传递参数payload的展现形式

1、Query String Params
参数来源于url上,多为get方式的API

2、Request Payload(json类型参数)
这种是前后端约定好,json序列化,作为请求体,发送的post请求
需要前端的处理:
    前端设置请求头--
    Content-Type: application/json
    json序列化(js数据变成json格式的数据)--
    JSON.stringfy(obj)    eg:
    {"key":"value", "key": "value"} //json中的属性都是用双引号引起来的

3、Form Data(form类型参数)
这种也是前后端约定好的一种参数传递方式
需要前端处理:
    前端设置请求头--
    Content-Type: application/x-www-url-encode
    参数序列化--
    qs.stringfy(obj)    eg:
    key=value&key=value

总结:
如果API是post方式,前后端一定要提前约定好,如果前端传递的是json类型参数,后端是去解析的json;        如果前端传递的是form类型的参数,后端就需要去分割字符串解析

一、API用get和post方式传递数据的模拟方式

1、get可以直接通过浏览器模拟,因为url上可以直接带参数

2、post要通过postman模拟,并且附带Content-Type等相关请求头的设置

二、post提交数据时,有四中常见的数据格式

application/x-www-form-urlencoded(表单类型的数据)
application/json
multipart/form-data(表单类型的数据)
text/xml

multipart/form-data多用于表单上传文件时,eg:
<form action="/" method="post" enctype="multipart/form-data"></form>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值