multiples eventos ajax
Publicado por fernando (2 intervenciones) el 11/02/2019 15:19:20
Buenas mira os cuento tengo como una especie de formulario dinámico mediante dos eventos ajax onclik (Primer evento)al hacer el click mediante ajax hago una búsqueda en base de datos y muestra los resultados relacionados con el id del div seleccionado.
Los resultados mediante el primer evento también continúen un id para que al clicar uno de estos resultados del primer evento se ejecute el segundo. El segundo evento seria lo mismo evento que el primero pero en otra tabla pero no me esta funcionando. al acer click en el div que continúe el data-id no hace nada, directamente no me esta enviando el formulario. pd: los dos archivos donde hace las búsquedas i muestra los resultados funcionan bien el problema creo que esta en el código ajax.
os dejo el script
dejo también el resulto que me daría una vez ejecutado el primer click i evento. Este al hacer clic debería de activar el segundo evento pero no activa nada
Los resultados mediante el primer evento también continúen un id para que al clicar uno de estos resultados del primer evento se ejecute el segundo. El segundo evento seria lo mismo evento que el primero pero en otra tabla pero no me esta funcionando. al acer click en el div que continúe el data-id no hace nada, directamente no me esta enviando el formulario. pd: los dos archivos donde hace las búsquedas i muestra los resultados funcionan bien el problema creo que esta en el código ajax.
os dejo el script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
$(document).ready(function() {
$(".ctg_bb_rd_circle").on("click", function(){
var id = $(this).attr("data-v-id");
$.ajax({
url: "category.php",
method: "POST",
data: {id: parseInt(id)},
success: function(respuesta){
console.log(respuesta.responseText);
$("#task_service").remove();
}, error: function(respuesta){
$("#task_service").remove();
$("#subcategory > div").prepend(respuesta.responseText);
}})
});
$(".category").on("click", function(){
var id = $(this).attr("data-id");
$.ajax({
url: "category-2.php",
method: "POST",
data: {id: parseInt(id)},
success: function(respuesta){
console.log(respuesta.responseText);
$("#subcategory").remove();
}, error: function(respuesta){
$("#subcategory").remove();
$("#results > div").prepend(respuesta.responseText);
}})
});.
dejo también el resulto que me daría una vez ejecutado el primer click i evento. Este al hacer clic debería de activar el segundo evento pero no activa nada
1
<div class="categoy" data-id="25">Subcategoria</div>
Valora esta pregunta
1
