Uso de Ajax

Códigos y Preguntas Frecuentes.
Responder
admin
Site Admin
Mensajes: 7
Registrado: Lun May 06, 2019 12:52 pm

Uso de Ajax

Nota por admin » Mar May 07, 2019 1:00 am

Código: Seleccionar todo

<!-- agregamos el CDN de jquery-->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>

//ahora crearemos la función de Ajax que nos permitirá compartir información entre el servidor y el cliente de manera asíncrona.

     <script type="text/javascript">
     // se inicializa la función
       $.ajax({
       // mostramos el url a donde vamos enviar la información
         url: '/path/to/file',
         //agregamos el metodo que se va a utilizar
         type: 'default GET (Other values: POST)',
         // el tipo de dato que se enviara 
         dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
         // aqui se agregan las variables que vamos  enviar
         data: {param1: 'value1'},
         
       })
       // si se realiza con exito la operacion agregamos el resultado a la variable data
       .done(function(data) {
       // mandamos una alerta con el resultado
       alert(data);
         console.log("success");
       })
       // si hay algun error mostramos el error en una alerta
       .fail(function(data) {
       alert(data);
         console.log("error");
       })
       .always(function() {
         console.log("complete");
       });
       
     </script>


espero que alguien que no tenga tanta experiencia en AJAX le sirva :) :ugeek:

Responder