第二次写项目

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

axios特点

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

axios的基本用法

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传参

<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传参

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