AJAX con JQUERY
Cuando recien descubria el verdadero poder de AJAX (Asynchronous JavaScript And XML), me puse en la tarea de crear mi propia libreria de trabajo para facilitar el desarrollo de las aplicaciones que realizaba. Luego descubri los diferenes frameworks de javacript como jquery, mootools, dojo, YUI, entre otras (pueden ver mi post donde hablo sobre estos frameworks), los cuales integran el manejo de ajax de una forma muy poderosa por asi decirlo.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Prueba Ajax</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" > function obtenerDato(){ $("#loading").ajaxStart(function(){ $(this).show(); }); $.ajax({ type: "POST", url: "obtenerDatos.php", data: "nombre=Cesar&apellido=Suarez", success: function(msg){ $("#datos").append(msg); $("#loading").hide(); } }); } $(document).ready(function(){ $("#loading").hide(); }); </script> </head> <body> <label> <input type="button" name="button" id="button" value="Enviar" onclick="javascript: obtenerDato();"/> </label> <div id="loading">Cargando</div> <div id="datos"></div> </body> </html> |
Etiquetas:AJAX, framework, javascript, jquery, Programacion
"Trackback" Enlace desde tu web.