fetch使用formdata数据格式发送请求

修改请求content-type

请求接口都是使用的封装好的request,对于post请求统一都是application/json。

但是后台同学可能是为了能直接使用之前已有的接口,让我将仅仅这一个的接口请求改为formdata的提交形式,也就是application/x-www-form-urlencoded。之前所有请求都走的request,现在就要修改

两种方式修改:

1、在request文件中增加判断,如果有请求接口传formdata:true,就使用formdata的提交方式,默认是提交json。也就是只在那个请求接口那个传一个formdata:true

2、这个接口不采用request封装的请求,直接写fetch,如下:

        let formdata = new FormData();
        formdata.append("name","admin");
        fetch("http://localhost/xxxx",{
            method:"POST",
            headers:{
    		  Content-Type:'application/x-www-form-urlencoded'
            },
            body:formdata
        }).then(function(response){
            console.log(response);
        })

参考:https://www.cnblogs.com/btgyoyo/p/6141480.htmlhttps://blog.csdn.net/webofrxy/article/details/78638044

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
1. fetch带参数请求使用fetch发送请求时,可以通过设置请求的参数来传递数据。常用的参数有method、headers、body等。其中,body参数用于传递请求体数据,可以是字符串、FormData对象、Blob对象等。 例如,使用fetch发送POST请求时,可以通过body参数来传递数据: ``` fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: '张三', age: 20 }) }) ``` 上述代码中,通过设置method参数为POST,并设置headers参数为Content-Type: application/json,表示请求体数据是JSON格式。然后,通过body参数将数据转换成JSON字符串,并发送到服务器。 2. flask接收参数 在flask中,可以通过request对象来获取请求的参数。request对象是一个全局变量,可以在视图函数中直接使用。 例如,接收上述fetch发送的POST请求时,可以通过request.json来获取请求体数据: ``` from flask import Flask, request app = Flask(__name__) @app.route('/api', methods=['POST']) def api(): data = request.json name = data['name'] age = data['age'] return f'姓名:{name},年龄:{age}' if __name__ == '__main__': app.run() ``` 上述代码中,定义了一个api接口,用于接收POST请求。在视图函数中,通过request.json获取请求体数据,并解析出姓名和年龄。然后,将这些数据返回给客户端。 注意:在使用request.json获取请求体数据时,需要确保请求头部的Content-Type参数为application/json。如果请求头部为其他格式,需要使用其他方法来解析请求体数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值