estoy haciendo un pequeño proyecto para clase y me he atascado en algo que por lo visto estoy haciendo mal y no soy capaz de arreglar. El rollo es, que hago una petición Ajax para recuperar todos los usuarios de la base de datos, lo típico que te saque la lista con la foto, el nombre y un botón para seguirlo si quieres (tipo red social). Hasta ahí todo bien: me crea la lista perfectamente, pero luego a la hora de pulsar el botón con el value con su correo lo tengo que volver a enviar a otra tabla para añadirlo como amigo y es ahí donde me encuentro el problema. Solo me deja acceder a ese botón con un evento click desde dentro de la función del success, si lo llamo desde fuera no me lo pilla y si hago la otra petición Ajax desde dentro de la misma función del success de la otra petición anterior, la variable que quiero enviar no llega al archivo php mediante el post. No sé qué estaré haciendo mal...
Le estaría enormemente agradecido al que me echara un cable con este problemilla.
El código js es este:
$.ajax({
dataType:"JSON",
url:"buscarUsuarios.php",
success:
function(data){
for(var i=0;i<data.length;i++) {
$("#usuarios").append("<div class='row d-flex align-items-center border-bottom mb-2 pb-2'><img class='col-3' src='usuarios/"+data[i].email+"/fotoUsuario/"+data[i].foto+"' width='100' height='100'><div class='col-3'>"+data[i].usuario+"</div><div class='col-6'><button class='boton' value='"+data[i].email+"'>Seguir a este usuario</button></div></div>");
}
$(".boton").click(function(){
var email2=$(this).val();
$.ajax({
url:"seguirUsuario.php",
type: "POST",
data: {
"emailAmigo": email2
},
success:
function(){
alert("Ahora sigues a " + email2);
}
});
});
}
});