Skip to main content
se eliminaron 111 caracteres en el cuerpo
Origen Enlace
Trauma
  • 26.9k
  • 5
  • 42
  • 68

Buenas noches les explico.

Tengo una pagina de registro de archivos  , este es mi codigo javasCriptcódigo javaScript :

la cuestion es que masiso meMe crea el archivo  , pero tengo que darle recargar a recargar la pagina para que me aparezca el archivo porque en el codigo donde agrego los archivos me hace una validacionvalidación antes de ponerme en pantalla los archivos existentes , lesles muestro el codigo  :

entonces quieroQuiero que cuando el archivo se cree  , que me aparezaaparezca sin darle recargar a la pagina. Gracias de Antemanorecargar.

Buenas noches les explico.

Tengo una pagina de registro de archivos  , este es mi codigo javasCript :

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  :

entonces quiero que cuando el archivo se cree  , que me apareza sin darle recargar a la pagina. Gracias de Antemano.

Tengo una pagina de registro de archivos, este es mi código javaScript :

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:

Quiero que cuando el archivo se cree, me aparezca sin darle a recargar.

      $('#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);
        }
    });
});

});

  $('#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);
    }
});

});

      $('#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);
        }
    });
});
Origen Enlace

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.