get请求和post请求的传参方式

一、GET 和 POST 传参方式的优缺点

1.post更安全（不会作为url的一部分，不会被缓存，保存在服务器日志，以及浏览器浏览记录中）

2.post发送的数据量更大（get有url长度限制）

3.post能发送更多的数据类型（get只能发送ASCII字符）

4.post比get慢

5.Post是向服务器提交数据的一种请求，get是向服务器发索取数据的一种请求。

5.Post是向服务器提交数据的一种请求，get是向服务器发索取数据的一种请求。

7.post请求包含更多的请求头

8.post在真正接受数据之前会先将请求头发送给服务器进行确认，然后才真正发送数据

二、GET 和 POST 传参方式的请求过程

post请求的过程：

1.浏览器请求tcp连接（第一次握手） 2.服务器答应进行tcp连接（第二次握手） 3.浏览器确认，并发送post请求头（第三次握手，这个报文比较小，所以http会在此时进 行第一次数据发送） 4.服务器返回100 continue响应 5.浏览器开始发送数据 6.服务器返回200 ok响应

get请求的过程

1.浏览器请求tcp连接（第一次握手） 2.服务器答应进行tcp连接（第二次握手） 3.浏览器确认，并发送get请求头和数据（第三次握手，这个报文比较小，所以http会在此时进行第一次数据发送） 4.服务器返回200 ok响应。

三、axios

1.axios的安装

$  npm install axios   // 使用npm
$  bower install axios   // 使用bower
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>   // 通过cdn直接调用

2.axios的引用

import axios from axios;

3.get传参方式模板

第一种参(参数在url上)

axios.get(/adate?id=123).then(res => {
    console.log(res);
})

第二种传参(通过param选项传递参数)

axios.get(/adate?id=123,{
    params: {
        id: 1
    }
}).then(res => {
    console.log(res);
})

4.post传参模块

axios.post(/api/axios, {
    uname: lisi,
    pwd: 123
}).then(ret => {
    console.log(ret.data)
})