Hola,
Tengo esta función que funciona bien, sólo que debo pulsar dos veces sobre el botón para que cargue rellene el DIV con los datos recuperados.
También como el evento se dispara con los botones de clase "boton_ajax", si pulsas en uno y luego en otro sale el resultado del primer botón.
Alguién sabe por qué?
Código HTML:
<div class="busqueda_videos">
<table class="tabla_edicion">
<tr>
<td>Buscar mismo en <input class="boton_ajax" type="submit" value="Youtube" name="6"></input></td>
<td><input class="boton_ajax" type="submit" value="Mostrar" name="6"></input> discotecas vinculadas</td>
</tr>
</table>
</div>
<div class="resultado_busqueda_videos"></div>
Código PHP:
//Si pulsamos un botón que cargue datos con AJAX y el script cargarDatos.php
$(".boton_ajax").click(function(e){
$.ajax({
type: "POST",
url: "cargarDatos.php",
data: "tipo="+$(this).attr("value")+"&id="+$(this).attr("name"),
success: function(datos){
resultado = datos;
}
});
$("[name="+$(this).attr("name")+"] > .resultado_busqueda_videos").html(resultado);
$("[name="+$(this).attr("name")+"] > .resultado_busqueda_videos").css("border", "3px solid #232651");
});