• Barajar
    Activar
    Desactivar
  • Alphabetizar
    Activar
    Desactivar
  • Frente Primero
    Activar
    Desactivar
  • Ambos lados
    Activar
    Desactivar
  • Leer
    Activar
    Desactivar
Leyendo...
Frente

Cómo estudiar sus tarjetas

Teclas de Derecha/Izquierda: Navegar entre tarjetas.tecla derechatecla izquierda

Teclas Arriba/Abajo: Colvea la carta entre frente y dorso.tecla abajotecla arriba

Tecla H: Muestra pista (3er lado).tecla h

Tecla N: Lea el texto en voz.tecla n

image

Boton play

image

Boton play

image

Progreso

1/7

Click para voltear

Rango de Cartas a estudiar

a través

7 Cartas en este set

  • Frente
  • Atrás
  • 3er lado (pista)
Define el modelo de funcionamiento de una PETICIÓN mediante AJAX
Normalmente cuando un usuario solicita algo a un servidor, el navegador del usuario está bloqueado hasta que el servidor ejecute los procesos y devuelva el resultado al navegador del cliente (Esto es navegación sincrona).
Sin embargo cuando se hace una petición mediante AJAX, la navegación es asincrona, es decir el cliente "recuperará" el control del navegador inmediatamente, incluso mientras el servidor está procesando la petición. En cuanto esta este disponible se le mostrará al cliente (navegación asincrona).
Forma de llamar a un AJAX procedente de un Formulario.
e.preventDefault();
var formData = new FormData($("#seminario_form")[0]);

$.ajax({
url: "../../controller/seminario.php?op=guardaryeditar",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function(texto){
console.log(texto);
switch (texto) {
case "exito":
correcto();
break;
default:
phperror(texto);
}
} // del success
}); // del ajax
} // de la funcion de guardareditar
FormData
Otra forma de añadir datos al FormData para enviarlos por AJAX
function datosFormulario() {
// Recojo los datos del formulario
var evento = new FormData();
evento.append("title", document.getElementById('titulo').value);

evento.append("fecha", document.getElementById('fecha').value);
evento.append("hora", document.getElementById('hora').value);
evento.append("descripcion", document.getElementById('descripcion').value);
evento.append("color", document.getElementById('color').value);
evento.append("id", document.getElementById('id').value);
return evento;
}
Imaginar que queremos enviar un id al archivo PHP para que este lo ejecute
data: {"id": 123}
Como comprobar si el formdata de JS está recogiendo valores válidos.
console.log(formData.get('file'));
Haz una llamada AJAX por $.GET y pásale los parámetros de un id
$.get("pruebasAjaxControler.php", { id_otros: 40 }, muestraLatLon, "json");

- PHP a llamar, Parametros a pasar, funcion que se ejecuta cuandoi llegue la información solicitada y formato en el que llega la información solicitada.
Define una llamada AJAX por $.GET completa con todas las funciones
var objajax = $.get("contenido-ajax.html", function (respuesta) {
alert("paso 1");
});
objajax.success(function () {
alert("paso 2");
});
objajax.complete(function () {
alert("paso 3");
});