Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/03/2010, 16:48
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 8 meses
Puntos: 20
Respuesta: Dudas JQUERY y AJAX

Cita:
Iniciado por mayid Ver Mensaje
En realidad, tendrías que pensar seriamente en usar document.ready , porque modificar el DOM antes de que termine de cargar es un problema.

Es decir, coloca todos tus scripts en <head> y utiliza document.ready.
Lo intenté así mayid, pero creo que no es así.. :S

Código PHP:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Probando JQUERY y Ajax</title>
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  7. <script type="text/javascript">      
  8.     $.ajax({
  9.       url: 'pagina.php',
  10.       type: 'POST',
  11.       async: true,
  12.       data: 'parametro1=valor1&parametro2=valor2',
  13.       success: procesaRespuesta,
  14.       error: muestraError
  15.     });
  16.    
  17.     // Petición GET con envío de parámetros y función que
  18.     // procesa la respuesta
  19.     $.get('pagina.php',
  20.       { articulo: '34' },
  21.       function(datos) {
  22.         alert('Respuesta = '+datos);
  23.       });
  24.  
  25.      
  26.       $(document).ready(function() {
  27.         // put all your jQuery goodness in here.
  28.         //La función $.load() inserta el contenido de la respuesta del servidor en el elemento de la página que se indica.
  29.         $('#info').load('informacion.php');  
  30.       });
  31.  
  32.  
  33. </script>
  34. </head>
  35.  
  36. <body>
  37. <div id="info"></div>
  38.  
  39. </body>
  40. </html>



Cita:
Iniciado por mayid Ver Mensaje
Lo optimo para vos se llama $.getjson()
http://api.jquery.com/jQuery.getJSON/

POdes enviar variables GEt o POST segun te parezca, y la estructura basica es esta:


La funcion anonima es el momento de procesar la respuesta json.

¿Es necesaria esta parte en todos los scripts ajax con jquery?

Código Javascript:
Ver original
  1. $.ajax({
  2.       url: 'pagina.php',
  3.       type: 'POST',
  4.       async: true,
  5.       data: 'parametro1=valor1&parametro2=valor2',
  6.       success: procesaRespuesta,
  7.       error: muestraError
  8.     });


En este caso si lo que quiero recibir es un JSON ¿debería cambiarlo por algo similar a esto?

Código Javascript:
Ver original
  1. $.ajax({
  2.   url: 'pagina.php',
  3.   dataType: 'json',
  4.   data: 'parametro1=valor1&parametro2=valor2',
  5.   success: procesaRespuesta,
  6. });

¿Esta última declaración sirve tanto para enviar como para recibir?

Muchas gracias de antemano!