Aprenda a usar axios (ajax) en un minuto + evite errores

1. El papel de los axios

1. Introducción

  Axios es en realidad una forma simplificada de escribir ajax y su esencia es la misma que la de ajax. Y ajax (JavaScript y XML asincrónicos) es en realidad JavaScript y XML asincrónicos.

2. Función

  En una oración simple, es "conectarse a la base de datos (backend) a través de axios en html".
  Su característica más importante es que puedes acceder al backend sin saltar.

2. Cómo utilizar axios

1. Método de escritura directa

  Primero, cuando queramos usar axios, primero debemos importarlo, como se muestra en el siguiente código:

   <script src="axios-0.18.0.js"></script>

*Archivos compatibles Baidu Netdisk:
    Enlace: https://pan.baidu.com/s/1mS6S7vr0T9g0VjWrEXkhFg?pwd=njjx
    Código de extracción: njjx
https://pan.baidu.com/s/1mS6S7vr0T9g0VjWrEXkhFg?pwd=njjx
  Luego, entramos En el código de fondo, el núcleo es la solicitud y la respuesta; en la solicitud, hay un método de solicitud de obtención y un método de solicitud posterior, por lo que cuando axios accede al servidor de fondo, se divide en estas dos situaciones: obtener
   :

  axios({
    method:"get",
      /!*此处记得是服务器地址*!/
    url:"http://localhost:8088/_06_Ajax_war_exploded/AxiosServlet?username=zhangkun"
  }).then(function (resp){  // resp可以获取到响应的值
      alert(resp.data);
  })

   correo

    axios({
        method:"get",
        url:"http://localhost:8088/_06_Ajax_war_exploded/AxiosServlet?",
        data:"username=zhangkun"  /*与get不同之处：参数通过data传*/
    }).then(function (resp){
        alert(resp.data);
    })

2. Variación

  conseguir:

axios.get("http://localhost:8088/_06_Ajax_war_exploded/AxiosServlet?username=zhangkun")
        .then(function (){
            alert(resp.data);
        })

  correo:

    axios.post("http://localhost:8088/_06_Ajax_war_exploded/AxiosServlet","username=zhangkun")
        .then(function (){
            alert(resp.data);  
        })