Cambiar Contenido table con Ajax

[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>";