Cambiar Contenido table con Ajax

[daicon]

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

[bathorz]

new Request({ parece Mootools. Si es así prueba:

Código HTML:

<script type="text/javascript">
   function cambiacat(out) {
      //var elem = document.id('respuesta');
      var elem = document.id(out);
 
      var conculta = new Request({
         method : 'get',
         url : 'proceso.php',
         onSuccess : function(responseText) {
            elem.set('html', responseText);
         }
      });
      conculta.send();
   }
</script>
 
<table id="tabla_cambiacat" name="tabla_cambiacat" width="100%" border=1>
   <tbody>
      <tr>
         <td>1...</td>
      </tr>
      <tr>
         <td>2...</td>
      </tr>
      <tr>
         <td>3...</td>
      </tr>
   </tbody>
</table>
 
<!-- Botón -->
<input type="button" name="enviar" id="btn_enviar" value="enviar" onClick="cambiacat('tabla_cambiacat');">
<!--<input type="button" name="enviar" id="btn_enviar" value="enviar" onClick="cambiacat('respuesta');">-->
 
<div id="respuesta"></div>
 

proceso.php

Código PHP:

echo "<tbody>
   <tr><td>prueba 1</td></tr>
   <tr><td>prueba 2 </td></tr>
   <tr><td>prueba 3</td></tr>
   </tbody>";
 

[daicon]

Gracias!!
Era mootools, si.

Funciono a la primera!