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