José Alberto Lira's questions

I am developing a system where security is more important than normal, for this reason I have had to implement several measures to avoid or minimize any type of attack, so far it has gone well for me. I use MVC and OOP in PHP and I have noticed that every time the system calls the Login Validation Controller (I use JavaScript fetch), in the Network tab of the console, the password is clearly visible (as seen in the picture).

I have searched the internet regarding the issue, what can be done to avoid this situation but I have not been able to get relevant information, I would greatly appreciate the help.

Good morning: I designed an interface to obtain the data that will later be seen in a FullCalendar calendar.
The interface is made with a dynamic table that is filled with data as I select certain items.
I use the FormData() with append to gather the data (only from the table) and pass it via ajax to the controller, the problem that I have is that only the data of the last insertion made arrives.
I have searched the forum and I have found several similar or the same questions but some are unanswered and others do not suit what I need.
Annex code and images of the interface

In the form on the left (New Calendar), I select the items that I then pass to the table on the right (Calendar Design), which is inside a form, when I finish selecting all the items I click on the save button .
Code for table layout

switch (task) {
        case 'carrera':
            var fila = `<tr class="run" id="run`+$idRunnerCount+`">
                            <td width="100px" style="color:`+colorCarrera+`" class="text-center" id="dateRun">`+_hora+`</td>
                            <td width="50px" class="text-center" id="dateIRun" hidden>`+_dateIRun+`</td>
                            <td width="50px" class="text-center" id="dateFRun" hidden>`+_dateFRun+`</td>
                            <td width="50px" class="text-center" id="idRun" hidden>`+_idRun+`</td>
                            <td id="run" style="color:`+colorCarrera+`">`+_run+`</td>
                            <td id="colorRun" hidden>`+colorCarrera+`</td>
                            <td width="100px" class="text-center">
                                <i class="icons-buttons icon-delete fas fa-trash-alt" onclick="delete_run(`+$idRunnerCount+`);" style="cursor:pointer" title="Eliminar Carrera"></i>
                            </td>
                        </tr>`;

            $('tbody#data_setup_calendar_table').append(fila);
            $('#container_setup_calendar_table').css('display', 'block');

            $idRunnerCount++;
            break;

        case 'timeout':             
            var fila = `<tr id="timeout`+$idTimeoutCount+`">
                            <td width="100px" style="color:`+colortimeout+`" class="text-center" id="setupTimeTimeout">`+_hora+`</td>
                            <td id="setupTimeout" style="color:`+colortimeout+`">`+_timeout+`</td>
                            <td width="100px" class="text-center">
                            <i class="icons-buttons icon-delete fas fa-trash-alt" onclick="delete_timeout(`+$idTimeoutCount+`);" style="cursor:pointer" title="Eliminar Time out"></i>
                            </td>
                        </tr>`;

            $('tbody#data_setup_calendar_table').append(fila);
            $('#container_setup_calendar_table').css('display', 'block');

            $idTimeoutCount++;
            break;
    }  

With JQuery I receive and prepare the data with FormData and with Ajax I pass it to the controller:

var datosCarreras = new FormData();
var idEvento = [];
var idCategoria = [];
var horaI = [];
var horaF = [];
var color = [];
var task = [];
var action = [];
    
$('#setup_calendar_table').find('tbody tr.run').each(function() {

   idEvento = $newId;
   idCategoria = $(this).find('td#idRun').text();
   horaI = $(this).find('td#dateIRun').text();
   horaF = $(this).find('td#dateFRun').text();
   color = $(this).find('td#colorRun').text();
   task = 'insert';
   action = 'carrera';

   datosCarreras.append('idEvento', $newId);
   datosCarreras.append('idCategoria', idCategoria);
   datosCarreras.append('horaIni', horaI);
   datosCarreras.append('horaFin', horaF);
   datosCarreras.append('color', color);
   datosCarreras.append('task', task);
   datosCarreras.append('action', action);

});

    $.ajax({
        url: '../../../controllers/tasksCalendarController.php',
        type: "POST",
        data: datosCarreras,
        async: false,
        contentType: false,
        processData: false,
        success: function(response) {
            var newRun = JSON.parse(response);
            var procesado = newRun.procesado;

            console.log('¿Procesado? '+procesado);

        }
    });  

As I indicated at the beginning, the problem is that it only sends the last item of the table to the controller, I tried placing += to each variable but it still didn't work.

This is the created object

But the POST arrives empty to the controller

I fill several <select>together with others <input>inside a <form>modal window with data from the server. I use the same form to display the data of a selected record and to enter a new one.

After displaying a selected record, when exiting the modal, I want to reset all the <input>and <select>and leave it ready in case they want to enter a new record.

For this I use $('#id_miformulario')[0].reset();and also $('#id_miformulario').trigger('reset');but it only resets the <input>, it <select>leaves them with the text brought from the server in the query.

I used $('#id_miinput').text('');to reset those <select>and it does but then it doesn't load the default data from the server.

What am I doing wrong?

I have several dynamic checkboxes and I need to know which ones have been clicked so that I can then send that data to the database. I have googled but the information that appears is about "fixed" checkboxes, if someone can help me I would greatly appreciate it. Here is the code of how I make the dynamic checkboxes

include "models/conexion.php";

$dep_mant_usuarios = $_POST['division'];
$sql_modulo = "SELECT idmodulos, idDivision, nombreModulo FROM modulos WHERE idDivision = '$dep_mant_usuarios' ORDER BY nombreModulo ASC";

$query_modulo = $pdo->prepare($sql_modulo);
$query_modulo->execute();
$result = $query_modulo->fetchAll();

$query_modulo = null;

 echo'<table class="tg">';
    echo'<tr>';
        echo'<th class="tg-xldj modulo">MÓDULOS</th>';
        echo'<th class="tg-c3ow rol">Ingresar</th>';
        echo'<th class="tg-c3ow rol">Modificar</th>';
        echo'<th class="tg-c3ow rol">Consultar</th>';
        echo'<th class="tg-c3ow rol">Imprimir</th>';
        echo'<th class="tg-c3ow rol">Exportar</th>';
    echo'</tr>';

    if (is_array($result)){
        foreach ($result as $row){
            $nom_modulo = $row['nombreModulo'];
            $id_modulo = $row['idmodulos'];

                echo '<tr>';
                    echo '<td class="tg-hmp3"><input name="" type="checkbox" value="'.$id_modulo.'"> '.$nom_modulo.'</td>';
                    echo '<td class="tg-0lax" ><center><input name="" value="" type="checkbox"></center></td>';
                    echo '<td class="tg-0lax" ><center><input name="" value="" type="checkbox"></center></td>';
                    echo '<td class="tg-0lax" ><center><input name="" value="" type="checkbox"></center></td>';
                    echo '<td class="tg-0lax" ><center><input name="" value="" type="checkbox"></center></td>';
                    echo '<td class="tg-0lax" ><center><input name="" value="" type="checkbox"></center></td>';
                echo '</tr>';
        }
    }

    echo'</table>';