常用请求方式传参

常用的请求方式有 四种 GET,POST,PUT,DELETE

GET传参

    GetMethods(){
       Axios.get("http://127.0.0.1:8000/url/",{
                params:{
                    id:1
                },
                headers:{
                    name:"张三"
                }
              }).then(res=>{
                console.log(res)
              }).catch(err=>{
                console.log(err)
              })
        }，

GetMethods为该方法的方法名

其中Axios后的get为请求方式 http://127.0.0.1:8000/url/ 为请求地址 

传参方法为在路由后面加 逗号 然后 花括号 

花括号中有params

params中用花括号包裹住键值对信息

后端接受的时候需要使用 request.query_params.get("键")

POST传参

    PostMethods() {
      Axios.post(
        "http://127.0.0.1:8000/url/",
        {
          id: 1,
        },
        {
          headers: {
            name: "张三",
          },
        }
      )
        .then((res) => {
          console.log(res);
        })
        .catch((err) => {
          console.log(err);
        });
    },

PostMethods为该方法的方法名

其中Axios后的post为请求方式 http://127.0.0.1:8000/url/ 为请求地址 

传参方法为在路由后逗号花括号 然后以键值对的形式写入参数

如需要使用头部参数 则需要在该花括号后再次逗号花括号

写入头部 headers然后冒号花括号

花括号中写入需要从头部传入的参数 参数也需要以键值对的形式写入

PUT传参

    PutMethods() {
      Axios.put(
        "url/",
        {
          id: 1,
        },
        {
          headers: {
            name: "张三",
          },
        }
      )
        .then((res) => {
          console.log(res);
        })
        .catch((err) => {
          console.log(err);
        });
    },

PUT方法与POST方法的传参方式没有区别

只是PUT常用来修改 POST常用来添加

DELETE传参

    DeleteMethods() {
      Axios.delete("url/", {
        data: {
          id: 0,
        },
        headers: {
          name: "张三",
        },
      })
        .then((res) => {
          console.log(res);
        })
        .catch((err) => {
          console.log(err);
        });
    },

DeleteMethods为该方法的方法名

其中Axios后的delete为请求方式 http://127.0.0.1:8000/url/ 为请求地址 

delete的传参方式为在路由后面逗号花括号

花括号中的data可以用来传参 参数为键值对形式

需要使用头部传参的话 

需要与data同级

也是键值对的形式

通用方法

路由携带参数 此处以get方法距离 四种方法一样

    GetMethods() {
      Axios.get("url/"+1+'/')
        .then((res) => {
          console.log(res);
        })
        .catch((err) => {
          console.log(err);
        });
    },

为在路由后面使用 加号 拼接 参数 

但是需要后面的路由后面也需要能接受动态传参

携带的参数如果为空或找不到

请求也会报错

HEADERS传参

headers头部传参

四种方法中都写入了该方法

该方法主要为吧参数写入头部中

这样后端接受参数的方式统一为 request.headers.get("键")

通常用来传token 用于 装饰器解码是接受参数