Skip to main content

Ejecutar función PHP y que se actualice la pagina?

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.