Tengo una pagina de registro de archivos, este es mi código 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);
}
});
});
Me crea el archivo, pero tengo que darle a recargar la pagina para que me aparezca el archivo porque en el codigo donde agrego los archivos me hace una validación 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);
}
});
});
Quiero que cuando el archivo se cree, me aparezca sin darle a recargar.