Hace tiempo peleándome y tocando de aquí y de allá conseguí dar con un javascript que me funcionaba para ajax. El problema es que lo usaba para una función, y ahora que quiero usar 2 o 3 he de crear un js para cada uno, lo cual veo poco práctico. ¿No podría adaptarse un js para usar con todas o he de crear un js por cabeza?
Esta es la parte del código que he de editar cada vez:
(en negrita las líneas con variable)
Cita:
function traerDatos(tipoDato)
{
// poner en capa
var capa=document.getElementById("capacombo");
// Creo el objeto AJAX
var ajax=nuevoAjax();
// Coloco el mensaje "Cargando..." en la capa
capa.innerHTML="<br><br><center><img src=ajax-loader.gif border=0></center>";
// abre conex
ajax.open("POST", "funcion.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("d="+tipoDato);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
// respuesta recibida
capa.innerHTML=unescape(ajax.responseText);
capa.innerHTML=capa.innerHTML.replace(/\+/gi," ");
}
function traerDatos(tipoDato)
{
// poner en capa
var capa=document.getElementById("capacombo");
// Creo el objeto AJAX
var ajax=nuevoAjax();
// Coloco el mensaje "Cargando..." en la capa
capa.innerHTML="<br><br><center><img src=ajax-loader.gif border=0></center>";
// abre conex
ajax.open("POST", "funcion.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("d="+tipoDato);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
// respuesta recibida
capa.innerHTML=unescape(ajax.responseText);
capa.innerHTML=capa.innerHTML.replace(/\+/gi," ");
}
Luego lo llamo con
<a href="#" onclick="javascript:if (event.preventDefault) event.preventDefault();traerDatos('producto');retu rn false;">