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)
})