La función de callback en la carga de texto con load()
En la función load(), que nos sirve para cargar archivos externos, tendremos un segundo parámetro, que es una función quese ejecuta automáticamente cuando el proceso de carga termina. Estas funciones son mejor conocidas como "callback".En esta función tendremos tres parámetros:
- respuesta- contiene el resultado de la carga, si esta fue exitosa
- estado -regresa una cadena con el estado de la carga: "success" o "error"
- xhr - contiene el objeto XMLHttpRequest
<html>
<head>
<meta charset="utf-8">
<title>Val</title>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#poema1").click(onPoema1);
$("#poema2").click(onPoema2);
});
function onPoema1(){
$("div").load("textos/poema1.txt h2", onCarga);
}
function onPoema2(){
$("div").load("textos/poema2.txt #primera");
}
function onCarga(resultado, estado, xhr){
if(estado=="success")
alert("Carga de archivo exitosa!\n"+resultado);
if(estado=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
}
</script>
</head>
<body>
<button id="poema1">Poema 1</button>
<button id="poema2">Poema 2</button>
<div></div>
</body>
</html>
Ejemplo: http://pacoarce.com/jQuery/LoadCallback.html
Curso completo: https://www.udemy.com/jquery-y-mobile/
No hay comentarios:
Publicar un comentario