No tengo mucha experiencia en jquery y ajax, pero necesito lo siguiente. Después de que los usuarios hayan iniciado sesión correctamente, pueden descargar archivos pdf desde la página. El sitio tiene un div de colapso desde donde pueden elegir qué archivo descargar. Todo se hace en PHP y funciona bien. Sin embargo, si no se encuentra el archivo, el div de colapso se cierra de nuevo. En otras palabras, la página web se vuelve a cargar. Por lo tanto, el usuario debe hacer una nueva selección nuevamente, lo cual es inconveniente. Entonces haría lo siguiente. Si no se encuentra el archivo, el div debe permanecer contraído y el valor anterior en el campo de entrada 's' en el formulario. Sé que esto debe hacerse a través de jquery o javascript. He intentado lo siguiente pero no funciona.

         //PHP

  <?php
    //if download is clicked
     if (isset($_POST["download"])) {
    $data = $_POST["s"];

     //if file is found
     if (fileexists($data){
    // We'll be outputting a PDF 
    header('Content-type: application/pdf'); 

    // It will be called downloaded.pdf 
    header('Content-Disposition: attachment; filename="downloaded.pdf"'); 

    // The PDF source is in original.pdf 
    readfile($data); 
    }
    //else the div should remain open
    else{  
         echo "<script> if ($('#collapseOne').is(':hidden')) {
               $('#collapseOne').show();
              }</script>";
     }
   } 
     ?>              

         <div id="collapseOne" class="panel-collapse collapse">
            <div class="panel-body">
                <form id='searchForm' method="post" action=''>
                <p><label>Select Month</label></p>
                <input id='s' name = 's' type='text' required><br><br>
                <button type="submit" id='download' name='download' class='btn btn-default btn-lg'>
                    <span class='glyphicon glyphicon-download-alt'></span> Download
                </button>
                <br> <br>
                <button id='download1' name = 'download1' class='btn btn-default btn-lg'>
                    <span class='glyphicon glyphicon-download-alt'></span> Download All
                </button>
               </form>              
              </div>
        </div>
0
george 31 ago. 2014 a las 18:11

2 respuestas

La mejor respuesta

En resumen, usted hace eco de PHP en Javascript

<script> 
    $(document).ready(function(){
        var hasDownload = "<?php echo $_POST['download']; ?>";
        var oldInput = "<?php echo $_POST['s']; ?>";
        if(hasDownload == false) {
           $('#collapseOne').show();
           $('input#s').val(oldInput);
        }
    })        
</script>

Cuando el servidor sirve su archivo, esos valores estarán presentes para su Javascript. Coloque su jQuery en la parte inferior en otra instrucción if y un bloque de documentación listo para que el dom se cargue primero y haga eco de sus variables PHP en variables Javascript para realizar su lógica jQuery.

<?php

    if (isset($_POST["download"]) && fileexists($_POST["s"]) {
        header('Content-type: application/pdf'); 
        header('Content-Disposition: attachment; filename="downloaded.pdf"'); 
        readfile($_POST["s"]); 

    } 

?>              

<div id="collapseOne" class="panel-collapse collapse">
    <div class="panel-body">
        <form id='searchForm' method="post" action=''>
            <p><label>Select Month</label></p>
            <input id='s' name = 's' type='text' required><br><br>
            <button type="submit" id='download' name='download' class='btn btn-default btn-lg'>
                <span class='glyphicon glyphicon-download-alt'></span> Download
            </button>
            <br> <br>
            <button id='download1' name = 'download1' class='btn btn-default btn-lg'>
                <span class='glyphicon glyphicon-download-alt'></span> Download All
            </button>
       </form>              
    </div>
</div>

<?php if(isset($_POST["download"]) == false && fileexists($_POST["s"] == false) : ?>  
    <script> 
        $(document).ready(function(){
            var hasDownload = "<?php echo $_POST['download']; ?>";
            var oldInput = "<?php echo $_POST['s']; ?>";
            if(hasDownload == false) {
               $('#collapseOne').show();
               $('input#s').val(oldInput);
            }
        })        
    </script>
<?php endif; ?>
0
Brian Dillingham 31 ago. 2014 a las 14:39

¡Intenta usar esto!

$.ajax({
    url:"/path/to/your/script/",
    type: "post",
    data: //fetch the data which you want to pass
}).done(function(status){
    //status is the data returned from the script called
});
0
Ajay Kumar Ganesh 31 ago. 2014 a las 14:18