Peticiones ajax jquery

Entendiendo las peticiones ajax

Las peticiones ajax son solicitudes http que podemos controlar, se caracterizan por no requerir la recarga la página, es decir nosostros controlamos mediante programación el envio y recepción de dicha petición, esto nos permite cachar lo que el server nos devuelve y elegir que hacer con ello.

Las solicitudes ajax tienen muchas ventajas, una de las más destacadas es que no es necesario recargar la página, lo que ofrece al usuario una experiencia más fluida, y reduce la carga del servidor, por otro lado bien utilizadas optimizan las tareas tanto del cliente como del server, dan la psobilidad de conviertir paginas estáticas en autenticas paginas dinámicas, si queires saber más sobre esto revisa el siguiente articulo Paginas estáticas que funcionan como dinámicas

Veamos la estructura de una petición ajax:

          
            $.ajax({
                      type: '',
                      url:'' , 
                      headers:{'':''},                                     
                      data:{ "": "", "": ""}

                    }).done(function (res) {                    
                      
                        //aqui colocamos lo que queremos hacer cuando la solicitud fue exitosa                                                                   
                        
                    }).fail(function (response) {
                      
                        //aqui colocaremos lo que queremos hacer cuando por alguna razón falle la solicitud 

                    })
          
        

Explicando la estructura de la solicitud ajax

En el 'type' colocamos el vervo http de nuestra solicitus:GET, PUT, POST, etc

En la 'url' mandamos la url del servicio que vamos a consumir

En los 'headers' ponemos los encabezados de la solicitud

En la 'data' mandamos la información que queremos que se procese, el loq ue el server ve como el body del request

En el 'done' indicamos el conjunto de instrucciones que deben llevarse acabo una vez que el server nos responda

En el 'fail' indicamos el conjunto de instrucciones que deben ejecutarse si la petición falla Tanto el 'done' como el 'fail' son manejadores de eventos, si quieres saber más sobre el tema revisa el siguiente articulo eventos jquery