首页 / 编程 使用form-data和raw作为body发起POST请求的区别

使用form-data和raw作为body发起POST请求的区别

原创 分类: 编程 2023-3-2 09:12 阅读量:2073
Post请求携带数据有几种方式?它们之间有什么区别吗....

使用form-data作为body发起POST请求:

前端

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用form-data作为body发起POST请求</title>
</head>

<body>
</body>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    $.ajax({
        url: "",
        type: "POST",
        data: {
            "UserName": "",
            "Code": ""
        },
        success: function (res) {
            console.log(res)
        },
        error: function (err) {
            console.log(err)
        },
    })
</script>
</html>

后端

# 以python为例
# 具体代码略
结论:
- 利用form-data方式进行POST请求的时候, 请求的参数可以通过request.argument以及request.body_arguments得到的是可以直接使用的字典格式(强烈推荐)。
- 通过requst.body得到的参数,则是分割开的,需要自行处理后才能进行使用(不推荐)。

使用raw作为body发起POST请求:

前端

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用form-data作为body发起POST请求</title>
</head>

<body>
</body>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    $.ajax({
        headers: {
            "Content-Type": "application/json"
        },
        url: "",
        type: "POST",
        data: JSON.stringify({
            "UserName": "",
            "Code": ""
        }),
        success: function (res) {
            console.log(res)
        },
        error: function (err) {
            console.log(err)
        },
    })
</script>
</html>

后端

# 以python为例
# 具体代码略
结论:
- 利用raw方式进行POST请求的时候, 请求的参数只能通过request.body获取到的。
- 通过这个参数获取到的是一个json字符串, 通过json.loads(request.body)即可将传递过来的参数转换成字典,做下一步操作。 .

上一篇:禅道Bug等级划分标准

下一篇:下一篇