axios
Axios encapsula ajax para realizar solicitudes asincrónicas.
Axios es una biblioteca HTTP basada en promesas que se puede utilizar en navegadores y node.js
1. Características:
- Cree XMLHttpRequests en el navegador
- En node.js, crea una solicitud http
- API de promesa de soporte
- Apoyar la interceptación de solicitudes y respuestas.
- Convertir datos de solicitud y respuesta
- Cancelar petición
- Convierta automáticamente datos JSON
- El cliente apoya la defensa contra XSRF
2. Cómo usar (dos):
- Separación de front-end: introduzca el archivo axios.js en el front-end
- Desarrollo de módulos: instale el módulo axios en el proyecto
npm install axios
3. Métodos comunes:
- axios.request (fonfig)
- axios.get (url [, config])
- axios.post (url [, config])
- axios.delete (url [, config])
- axios.put (url [, config])
4. Ejemplos:
axios({
url:'接口地址url',
method:'get/post/put/delete',
responseType:'json'
}).then(response =>{
//请求成功后的响应函数
self.blink=response.data
}).catch(error=>{
//请求失败后的响应函数
console.log(error)
})
La diferencia entre axios y ajax y sus ventajas y desventajas
1. Diferencia:
Axios es una especie de encapsulación de la tecnología ajax a través de Promise, al igual que la encapsulación de ajax por jquery. En
pocas palabras, la tecnología ajax realiza la actualización de datos parciales y axios realiza la encapsulación de ajax. Axios tiene algo de ajax, ajax Some axios puede no tenerlos En resumen, axios es ajax, y ajax es más que axios.
2. Ventajas y desventajas:
ajax:
1. Es para programación MVC y no cumple con la ola de MVVM de front-end
2. Basado en el desarrollo original de XHR, el XHR en sí no está claro. Hay una alternativa para buscar. Todo el proyecto de jquery es demasiado grande. No es razonable usar ajax para introducir todo el jquery (no es razonable adoptar un esquema de empaque personalizado y no disfrutar del servicio CDN))
3. Ajax no es compatible con el botón de retroceso del navegador.
4. Problemas de seguridad Ajax expone los detalles de la interacción con el servidor.
5. La compatibilidad con los motores de búsqueda es relativamente débil.
6, el mecanismo anormal de destruir el programa.
7. No es fácil de depurar
axios:
1. Cree una solicitud http desde node.js
2. API de Promesa de soporte
3. El cliente evita CSRF (uso malintencionado de sitios web)
4. Proporciona algunas interfaces de solicitud simultáneas.