Aquí el código del click sobre el botón
$('.btnProcess').click(function() {
var opcion = $(this).data('opcion');
var server = $(this).data('server');
var folder = $(this).data('folder');
var file = $(this).data('file');
var param = "opcion=" + opcion + "&folder=" + folder + "&file=" + file + "&server=" + server;
var resultado = $('.btnProcess[data-folder="' + folder + '"]').parent();
var box = $('.idBox[data-folder="' + folder + '"]');
if (opcion == 'tercios') var remove = 'recibos';
else var remove = 'tercios';
$.ajax({
type: 'POST',
url: 'exec/curl.php',
data: {param: param, server:server, file:file},
success: function(idGenerado) {
resultado.html("<img src='img/loading.gif' height='20' class='imgLoading' style='vertical-align:middle;'> <span class='txt'>Generando: "+folder+".pdf</span>");
box.val(idGenerado);
console.log("EXITO: " + idGenerado);
},
error: function(idGenerado) {
resultado.html("<img src='img/loading.gif' height='20' class='imgLoading' style='vertical-align:middle;'> <span class='txt'>Generando: "+folder+".pdf</span>");
box.val(idGenerado);
console.log("ERROR: " + idGenerado);
}
});
var repeticiones = setInterval(traerEstado(idGenerado, server), 1000);
});
En este ajax a curl.php lo único que se hace es pasarle los parámetros necesarios a una petición curl que nos devuelve el idGenerado que luego necesitamos pasarle a la función traerEstado, para saber si ese ID de trabajo está ejecutándose todavía, si está en espera o si ha finalizado.
Aquí la función traerEstado Adunto mi código actual:
function traerEstado(ID, srv) {
$.ajax({
type: "POST",
url: "exec/serverData.php",
data: {idGenerado:ID, server:srv},
success: function(respuesta) {
console.log(respuesta);
}
})
}
$('.btnProcess').click(function() {
var opcion = $(this).data('opcion');
var server = $(this).data('server');
var folder = $(this).data('folder');
var file = $(this).data('file');
var param = "opcion=" + opcion + "&folder=" + folder + "&file=" + file + "&server=" + server;
var resultado = $('.btnProcess[data-folder="' + folder + '"]').parent();
var box = $('.idBox[data-folder="' + folder + '"]');
if (opcion == 'tercios') var remove = 'recibos';
else var remove = 'tercios';
$.ajax({
type: 'POST',
url: 'exec/curl.php',
data: {param: param, server:server, file:file},
success: function(idGenerado) {
resultado.html("<img src='img/loading.gif' height='20' class='imgLoading' style='vertical-align:middle;'> <span class='txt'>Generando: "+folder+".pdf</span>");
box.val(idGenerado);
console.log("EXITO: " + idGenerado);
},
error: function(idGenerado) {
resultado.html("<img src='img/loading.gif' height='20' class='imgLoading' style='vertical-align:middle;'> <span class='txt'>Generando: "+folder+".pdf</span>");
box.val(idGenerado);
console.log("ERROR: " + idGenerado);
}
});
var repeticiones = setInterval(traerEstado(idGenerado, server), 1000);
});
function traerEstado(ID, srv) {
$.ajax({
type: "POST",
url: "exec/serverData.php",
data: {idGenerado:ID, server:srv},
success: function(respuesta) {
console.log(respuesta);
}
})
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btnProcess">Click Me</button>