1. Descripción general de Ajax:
Es una tecnología para enviar una solicitud asíncrona al servidor y recibir una respuesta asíncrona en una aplicación web, el principal proceso de implementación es:
1. JS en el navegador envía una solicitud al servidor
2. El servidor envía la información de respuesta al JS en el navegador
3. JS opera parte del navegador a través de DOM
Suplemento: DOM (Document Object Model, Document Object Model). Es una interfaz de programación de aplicaciones (API) independiente de la plataforma y el idioma que puede acceder dinámicamente a programas y scripts.
2. Descripción general de JQuery Ajax:
Utilice la tecnología Ajax en el entorno JQuery para realizar una actualización parcial del contenido web sin recargar todas las páginas.
Complemento: Combinado con JQuery, es más conveniente actualizar la página que simplemente usar Ajax.
3. Parámetros comúnmente utilizados en la tecnología JQuery:
1. url: especifica la URL que se enviará
2. datos: los datos que se enviarán al servidor
3. dataType: el tipo de datos de la respuesta esperada del servidor
4. asybc: solicitud asíncrona o síncrona, el valor es VERDADERO o FALSO, el valor predeterminado es VERDADERO
5. éxito (): la función que se ejecuta cuando la solicitud tiene éxito
6. beforeSend (xhr): enviar
Suplemento: El nombre completo de xhr es XMLHttpRequest, que se utiliza para intercambiar datos con el servidor.Es el objeto sobre el que se implementa la función ajax.Ajax en jquey es la encapsulación de xhr.
El objeto XMLHttpRequest proporciona acceso completo al protocolo HTTP, incluida la capacidad de realizar solicitudes POST y HEAD, así como solicitudes GET ordinarias. XMLHttpRequest puede devolver la respuesta del servidor web de forma síncrona o asíncrona, y puede devolver contenido en forma de texto o documento DOM.
7. caché: valor booleano que indica si el navegador almacena en caché la página solicitada. El defecto es cierto.
8. complete(xhr,status): la función que se ejecuta cuando se completa la solicitud (llamada después de que la solicitud tenga éxito o falle, es decir, después de las funciones de éxito() y error()).
9. contentType: el tipo de contenido utilizado al enviar datos al servidor.
Valor predeterminado: "aplicación/x-www-form-urlencoded".
10. contexto: vinculado al contexto del backend, que es equivalente a "esto" en la función de devolución de llamada de ajax.
11. dataFilter(datos,tipo): filtro, una función para procesar los datos de respuesta originales de XMLHttpRequest.
12. globl: especifica si la solicitud del evento ajax se activa globalmente y el valor predeterminado es verdadero.
13. ifModified: especifica si la solicitud tiene éxito solo cuando la respuesta ha cambiado desde la última solicitud. El valor predeterminado es falso.
14. jsonp: reescribe la cadena de la función de devolución de llamada en un jsonp.
15. jsonpCallback: especifique el nombre de la función de devolución de llamada en un jsonp.
16. Especifique la contraseña utilizada en la solicitud de autenticación de acceso HTTP.
17. processData: especifica si los datos enviados a través de la solicitud se convierten en una cadena de consulta. El defecto es cierto.
18. scriptCharset: especifica el juego de caracteres solicitado.
19. tiempo de espera: establezca el tiempo de espera de la solicitud local.
20. Tradicional: especifica si se utiliza el estilo tradicional de serialización de parámetros.
21. tipo: especifica el tipo de solicitud (GET o POST).
22. nombre de usuario: especifica el nombre de usuario utilizado en la solicitud de autenticación de acceso HTTP.
23. contraseña: especifica la contraseña utilizada en la solicitud de autenticación de acceso HTTP.
24. xhr: una función utilizada para crear un objeto XMLHttpRequest.
Cinco, la diferencia entre ajax y axios en jquery:
1. Ajax es la encapsulación de XHR nativo (xmlHttpReqest) y axios es una biblioteca HTTP basada en Promise.
2. La tecnología Ajax realiza la actualización de datos parciales y axios realiza la encapsulación de ajax.
En pocas palabras: jQuery encapsula la tecnología de solicitud en ajax, la tecnología ajax realiza la actualización parcial de datos de la página web y encapsula aún más ajax en axios a través de promis.
Suplemento: con ajax, ¿por qué crear axios?
Axios es más adecuado para solicitudes de datos en el modo mvvm de front-end.
Ajax es más adecuado para solicitudes de datos de proyectos de estructura MVC.