Calling PHP function via a button in a modal

Question

I’m displaying the amount of files in a directory, within a modal, I want to call a function in PHP when the user clicks the button "Erase", tried to use onclick , but it didn’t work.

My code:

 <!-- Meu modal -->
  <div class="modal" id="c_up_pa">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <h3>Arquivos sobrando...</h3>
          <hr>
          <p>
            <?php 
            foreach($files as $file){
            if(!in_array($file, $images)){

            echo "Cerca de <b>" .count($file). "</b> arquivo(s) que não estão no banco de dados <p>"; // Número total

            echo "Nomes dos arquivos: <b>" . $file . "</b><br>"; // Exibe os arquivos

           }}?>
        </p>
        </div>

        <div class="modal-footer">
          <button type="submit" onclick="apagar_files()" class="btn btn-danger">Apagar</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
        </div>

         <?php
           function apagar_files(){
           if (file_exists($file))
           unlink($file); }          
         ?>

      </div>
    </div>
  </div>

What I’m not getting is call the function via a button correctly.

How can I be doing?

Answer 1

Come on. PHP is a side serve language, meaning it runs on the server

HTML, CSS and JAVASCRIPT are processed in the client side, i.e., runs in the user’s browser.

With this in mind, your code will not work as you are trying to run a Server Side process on the Client Side.

What I suggest to you is to perform an AJAX request in a.php file and in that file you run the function code.

Example:

$(document).ready(function(){ $('.btnDeletar').on('click', function(){ $.ajax({ method: "POST", url: "deletar.php", success: function(data){ alert('Arquivos Deletados'); } }); }); });