Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cambiar Contenido table con Ajax

Estas en el tema de Cambiar Contenido table con Ajax en el foro de Frameworks JS en Foros del Web. Hola, Necesito ayuda con modificar el contenido de una tabla mediante Ajax al pulsar un botón, expongo lo que tengo ahora mismo. Tengo una tabla ...
  #1 (permalink)  
Antiguo 02/10/2013, 15:11
 
Fecha de Ingreso: julio-2010
Mensajes: 134
Antigüedad: 10 años, 3 meses
Puntos: 0
Cambiar Contenido table con Ajax

Hola,

Necesito ayuda con modificar el contenido de una tabla mediante Ajax al pulsar un botón, expongo lo que tengo ahora mismo.

Tengo una tabla con esta estructura, en código HTML:

Código HTML:
<table id="tabla_cambiacat" width="100%">
<tbody>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr>
</tbody>
</table 
Por otra parte, existe un botón, tal que asi: (La idea es que cada vez que lo puelses, cambie el contenido de la tabla)

Código HTML:
<a href='javascript:cambiacat($datos);'> <img src='" . JURI::root() . "components/com_mio/assets/images/bt_dia.png' style = 'padding-top: 1px;' /img> </a> 
Aquí el Script Ajax:

Código:
function cambiacat(){
var x = new Request({
url: "index.php?option=com_mio&viewid=$viewid&task=ajax_cambiacat&format=raw", 
method: 'post', 
data: { tab: datos},
onSuccess: function(responseText){						document.getElementById('tabla_cambiacat').innerHTML  = responseText;
								    }
	}).send();
}
Y por ultimo el código php que devolvería el nuevo contenido de la tabla: (No se muy bien como tiene que devolver los datos, si con un Return, o en un echo, o de que forma...)

Código PHP:
    function ajax_cambiacat(){
    
        echo (
"prueba");
    
    } 
Entonces:

1)¿Se puede hacer? Supongo que si, pero como?
Como veis, le he puesto un ID a la tabla, pero me pierdo... no se como cambiarle el contenido.
2) Como tengo que devolver los datos desde la función Ajax_cambiacat??


3) ¿Algo mas a tener en cuenta?


Gracias y un saludo

Última edición por daicon; 02/10/2013 a las 15:24
  #2 (permalink)  
Antiguo 03/10/2013, 06:13
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 7 años, 2 meses
Puntos: 29
Respuesta: Cambiar Contenido table con Ajax

new Request({ parece Mootools. Si es así prueba:
Código HTML:
Ver original
  1. <script type="text/javascript">
  2.    function cambiacat(out) {
  3.       //var elem = document.id('respuesta');
  4.       var elem = document.id(out);
  5.  
  6.       var conculta = new Request({
  7.          method : 'get',
  8.          url : 'proceso.php',
  9.          onSuccess : function(responseText) {
  10.             elem.set('html', responseText);
  11.          }
  12.       });
  13.       conculta.send();
  14.    }
  15.  
  16. <table id="tabla_cambiacat" name="tabla_cambiacat" width="100%" border=1>
  17.    <tbody>
  18.       <tr>
  19.          <td>1...</td>
  20.       </tr>
  21.       <tr>
  22.          <td>2...</td>
  23.       </tr>
  24.       <tr>
  25.          <td>3...</td>
  26.       </tr>
  27.    </tbody>
  28.  
  29. <!-- Botón -->
  30. <input type="button" name="enviar" id="btn_enviar" value="enviar" onClick="cambiacat('tabla_cambiacat');">
  31. <!--<input type="button" name="enviar" id="btn_enviar" value="enviar" onClick="cambiacat('respuesta');">-->
  32.  
  33. <div id="respuesta"></div>

proceso.php
Código PHP:
Ver original
  1. echo "<tbody>
  2.   <tr><td>prueba 1</td></tr>
  3.   <tr><td>prueba 2 </td></tr>
  4.   <tr><td>prueba 3</td></tr>
  5.   </tbody>";
  #3 (permalink)  
Antiguo 03/10/2013, 12:36
 
Fecha de Ingreso: julio-2010
Mensajes: 134
Antigüedad: 10 años, 3 meses
Puntos: 0
Respuesta: Cambiar Contenido table con Ajax

Gracias!!
Era mootools, si.

Funciono a la primera!

Etiquetas: ajax, contenido, html, javascript, php, table
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:55.