这次也是前后端合作一起写项目，明显感觉到自己写页面比之前要快了一些 ，第一周的时间就已经写了好多，这次也是要使用axios来获取后端的接口，然后再用ajax来进行页面的渲染，axios也是在写项目中，我们要学习的东西。这里也介绍axios的基本用法

axios特点

  • 支持客户端发送ajax请求
  • 支持服务端node.js发送请求
  • 支持Promise请求

axios的基本用法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
axios({
  method: '请求方式', // get post
  url: '请求地址',
  data: {    // 拼接到请求体的参数,  post请求的参数
    xxx: xxx,
  },
  params: {  // 拼接到请求行的参数, get请求的参数
   	xxx: xxx
  }
}).then(data=> {
  console.log(data) // 后台返回的结果
}).catch(err => {
  console.log(err) // 后台报错返回
})

axios的get传参

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script>

axios.default.baseURL = 'http://110.40.205.103:8099/';
axios({
    url: " /user/Application",
    method: "GET",
    params: {
        //此处的参数都会被拼接到url？的后面
        name: name,
     },
    })
      .then((data) => {
          console.log(data);
       })
      .catch((err) => {
          console.log(err);
      });

</script>

axios的post传参

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
axios.default.baseURL = 'http://110.40.205.103:8099/';
axios({
        url: " /user/applicate",
        method: "POST",
        data: {
          name: name,
          age: age,
          sex: sex,
        },
      })
        .then((data) => {
          console.log(data);
        })
        .catch((err) => {
          console.log(err);
        });
文章作者: Mr. Fortunate
文章链接: https://www.fortunate.cool/2022/07/02/%E7%AC%AC%E4%BA%8C%E6%AC%A1%E5%86%99%E9%A1%B9%E7%9B%AE/
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 fortunate！
前端 node.js
评论