axios 发送get post请求

最新推荐文章于 2023-05-22 23:07:51 发布

乌索普-

最新推荐文章于 2023-05-22 23:07:51 发布

阅读量184

点赞数

分类专栏： Ajax

本文链接：https://blog.csdn.net/weixin_47000135/article/details/111877972

版权

Ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.什么是axios？axios是Ajax工具库，也是vue和react推荐的Ajax请求的一个工具包
2.这里不安装，用cnd链接,地址：直接使用cdn链接
3.代码：

<body>
  <button>get</button>
  <button>post</button>
  <script>
    const btns = document.querySelectorAll('button')
    axios.defaults.baseURL = 'http://127.0.0.1:8000';//对路径进行优化
    btns[0].onclick = () => {
      //get请求

      axios.get('/axios-ajax', {
        // url参数
        params: {
          id: 100,
          vip: 7
        },
        //请求头信息
        headers: {
          name: 'moshang',
          age: 19
        }
      }).then(value => {
        console.log(value);
      })
    }
    //post
    btns[1].onclick = () => {
      axios.post('/axios-ajax', {
        name: '007',
        code: '123'
      },
        {
          params: {
            id: 15,
            vip: 16
          },
          headers: {
            a: 1,
            b: 2
          }
        },
      ).then(value => {
        console.log(value);
      })
    }
  </script>
</body>

then方法是对请求回来的数据进行打印。
post请求有三个参数：axios.post(url , {请求体} ，{其他一些数据} )
axios.defaults.baseURL = ‘http://127.0.0.1:8000’;/是对路径进行优化，如果不写这个，那么post和get请求的路径应该这样写：http://127.0.0.1:8000/axios-ajax

乌索普-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
axios 发送get post请求

1.什么是axios？axios是Ajax工具库，也是vue和react推荐的Ajax请求的一个工具包2.这里不安装，用cnd链接,地址：直接使用cdn链接3.代码：<body> <button>get</button> <button>post</button> <script> const btns = document.querySelectorAll('button') axios.defaul
复制链接

扫一扫

专栏目录