Axios基本操作

• 创建maven项目：day19_axios
• 导入坐标
• 编写启动类
• 编写JavaBean
• 编写Controller

• 创建maven项目：day19_axios

• 导入坐标

      
      
          org.springframework.boot
          spring-boot-starter-parent
          2.2.5.RELEASE
          
      
  
      
          
          
              org.springframework.boot
              spring-boot-starter-web
          
      
  
  

• 编写启动类

  package com.czxy;
  
  import org.springframework.boot.SpringApplication;
  import org.springframework.boot.autoconfigure.SpringBootApplication;
  
  
  @SpringBootApplication
  public class Day19Application {
      public static void main(String[] args) {
          SpringApplication.run(Day19Application.class, args);
      }
  }
  
  

• 编写JavaBean

  package com.czxy.domain;
  
  
  public class User {
      private String uid;
      private String username;
      private String password;
  
      public String getUid() {
          return uid;
      }
  
      public void setUid(String uid) {
          this.uid = uid;
      }
  
      public String getUsername() {
          return username;
      }
  
      public void setUsername(String username) {
          this.username = username;
      }
  
      public String getPassword() {
          return password;
      }
  
      public void setPassword(String password) {
          this.password = password;
      }
  
      public User() {
      }
  
      public User(String uid, String username, String password) {
          this.uid = uid;
          this.username = username;
          this.password = password;
      }
  
      @Override
      public String toString() {
          return "User{" +
                  "uid='" + uid + ''' +
                  ", username='" + username + ''' +
                  ", password='" + password + ''' +
                  '}';
      }
  }
  
  

• 编写Controller

  package com.czxy.controller;
  
  import com.czxy.domain.User;
  import org.springframework.web.bind.annotation.*;
  
  import java.util.ArrayList;
  import java.util.List;
  
  
  @RestController
  @CrossOrigin        //解决跨域问题
  @RequestMapping("/user")
  public class UserController {
  
      
      @GetMapping
      public List selectAll() {
          List list = new ArrayList<>();
          list.add(new User("u001","jack","1234"));
          list.add(new User("u002","肉丝","6666"));
          return list;
      }
  
      
      @PostMapping
      public String save(@RequestBody User user) {
          System.out.println(user);
          return "添加成功";
      }
  
      
      @PutMapping
      public String update(@RequestBody User user) {
          System.out.println(user);
          return "修改成功";
      }
  
      
      @DeleteMapping("/{id}")
      public String delete(@PathVariable("id") Integer uid) {
          System.out.println(uid);
          return "删除成功";
      }
  
  }
  
  

• axios底层使用Promise对象

• Promise对象处理异常程序一种编程方式。

  //基本语法
  new Promise(....异步代码).then(成功回调函数).catch(失败回调函数)
  
  //
  new Promise(....异步代码)
      .then((response响应)=>{成功回调代码})
      .catch((error错误) => {失败回调代码})
  

• 什么是axios？

  • 用于发送ajax工具。另一种称号“HTTP 客户端”

• 前提：导入axios.js 类库

//请求方式：get、post、put、delete
axios.请求方式(请求路径,请求参数).then( 成功 ).catch( 失败 )