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

https://blog.csdn.net/weixin_45438997/article/details/115126419
使用form-data和raw作为body发起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>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

后端

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

使用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>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

后端

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