Buenas noches les explico.
Tengo una pagina de registro de archivos , este es mi codigo javasCript :
$('#crearArchivo').click(function(){
var parametros =
'nombreElemento='+$("#nombreElemento").val()+"&"+
'tipoElemento='+$("#fileType").val()+"&"+
'fechaModificacion='+$("#fechaModificacion").val()+"&"+
'fechaCreacion='+$("#fechaCreacion").val()+"&"+
'usuario='+$("#usuario").val()+"&"+
'tamanio='+$("#tamanio").val();
console.log("Esto se enviará al servidor: "+parametros);
$.ajax({
url:"ajax/guardar.php",
method:"POST",
data:parametros, //La información en formato URLEncoded
dataType: 'json', //tipo de dato de retorno, por defecto es html
success:function(respuesta){
//Se ejecutara cuando sea exitoso
//console.log("Respuesta del servidor: " + JSON.stringify(respuesta));
console.log(respuesta);
$("#respuesta").html("Se guardo el registro");
},
error:function(error){
//Se ejecutara cuando sea erroneo
console.error(error);
}
});
});
la cuestion es que masiso me crea el archivo , pero tengo que darle recargar a la pagina para que me aparezca el archivo porque en el codigo donde agrego los archivos me hace una validacion antes de ponerme en pantalla los archivos existentes , les muestro el codigo :
$(document).ready(function(){
console.log("El DOM ha sido cargado");
console.log("Carpeta actual: " + $("#txt-carpeta-actual").val());
$.ajax({
url:"ajax/obtener.php",
dataType:"json",
success:function(respuesta){
console.log("La respuesta del servidor es: ");
console.log(respuesta);
for(var i=0;i<respuesta.length;i++){
if (respuesta[i].tipoElemento==='folder') {
$("#contenido").append(`<tr>
<td><a href="index.php?carpeta=${respuesta[i].nombreElemento}"><i class="fas fa-folder-open"></i>${respuesta[i].nombreElemento}</a></td>
<td>${respuesta[i].fechaCreacion}</td>
<td>${respuesta[i].usuario}</td>
<td>${respuesta[i].tamanio}</td>
</tr>`);
} else if (respuesta[i].tipoElemento==='file') {
$("#contenido").append(`<tr>
<td><button class="btn btn-link" onclick="detalleRegistro('${respuesta[i].nombreElemento}');"><i class="far fa-file"></i>${respuesta[i].nombreElemento}</button></td>
<td>${respuesta[i].fechaCreacion}</td>
<td>${respuesta[i].usuario}</td>
<td>${respuesta[i].tamanio}</td>
</tr>`);
} else if (respuesta[i].tipoElemento==='imagen') {
$("#contenido").append(`<tr>
<td><button class="btn btn-link" onclick="detalleRegistro('${respuesta[i].nombreElemento}');"><i class="far fa-image"></i>${respuesta[i].nombreElemento}</button></td>
<td>${respuesta[i].fechaCreacion}</td>
<td>${respuesta[i].usuario}</td>
<td>${respuesta[i].tamanio}</td>
</tr>`);
} else if (respuesta[i].tipoElemento==='pdf') {
$("#contenido").append(`<tr>
<td><button class="btn btn-link" onclick="detalleRegistro('${respuesta[i].nombreElemento}');"><i class="far fa-file-pdf"></i> ${respuesta[i].nombreElemento}</button></td>
<td>${respuesta[i].fechaCreacion}</td>
<td>${respuesta[i].usuario}</td>
<td>${respuesta[i].tamanio}</td>
</tr>`);
} else if (respuesta[i].tipoElemento==='word') {
$("#contenido").append(`<tr>
<td><button class="btn btn-link" onclick="detalleRegistro('${respuesta[i].nombreElemento}');"><i class="far fa-file-word"></i> ${respuesta[i].nombreElemento}</button></td>
<td>${respuesta[i].fechaCreacion}</td>
<td>${respuesta[i].usuario}</td>
<td>${respuesta[i].tamanio}</td>
</tr>`);
}
}
},
error:function(error){
console.log(error);
}
});
});
entonces quiero que cuando el archivo se cree , que me apareza sin darle recargar a la pagina. Gracias de Antemano.