Ajax 即使没有更改也重新加载

Question

要在 Fullcalendar 上编辑一个事件，我单击一个事件，一个模态应用程序已连接到 PHP 文件，并在 JS 中有一个 AJAX 调用。 问题是：当我打开和关闭模式时，即使我没有做任何更改，它也会重新加载页面。有人可以解释一下这些代码中的问题是什么吗，我似乎找不到解决方案，而且在不进行更改的情况下重新加载非常烦人。

JS调用：

    $('#editNewEvent').modal('show').one('hidden.bs.modal', function (e) {
                if(event.nomeUtente == $("#nomeUtente").data('value')){
                        event.title = $('#editEname').val();
                        event.start = $('#editStarts').val();
                        event.end = $('#editEnds').val();
                        
                        $.ajax({
                            url: 'eventi/updateEvent.php',
                            type: 'POST',
                            data:  {start: event.start, _id: event.idAssenza, end: event.end, title: event.title},
                            success: function(data) {
                                    window.location.reload(true);
                            } 
                        });                             
                        $('#calendar').fullCalendar('updateEvent', event._id);
                    }
});

PHP 编辑事件：

require_once "../config.php";
  session_start(); 
   
    
    $id =           $_POST['_id'];
    $ename =        $_POST['title'];
    $starts =       $_POST['start'];
    $ends =         $_POST['end'];
    $nomeUtente =   $_SESSION['nomeUtente'];        

     // update the records
    $sql = "UPDATE assenze SET ename = '$ename', starts = '$starts', ends = '$ends' WHERE idAssenza = $id AND nomeUtente = '$nomeUtente'"; //

    if (mysqli_query($conn, $sql)) {
          echo "Record updated successfully";
        } else {
          echo "Error updating record: " . mysqli_error($conn);
        }

       mysqli_close($conn);

模态：

<div class="modal fade" id="editNewEvent" aria-hidden="true" aria-labelledby="editNewEvent" role="dialog" tabindex="-1" data-show="false" data-toggle="modal">
                    <div class="modal-dialog modal-simple">
                        <form class="modal-content form-horizontal" role="form">
                            <div class="modal-header">
                                <button type="button" class="close" aria-hidden="true" data-dismiss="modal">×</button>
                                <h4 class="modal-title">Modifica Assenza di <input type="text" name="editNomeUtente" id="editNomeUtente" value="editNomeUtente" disabled></h4>
                            </div>
                            <div class="modal-body">
                                <div class="form-group row">
                                    <label class="form-control-label col-md-2" for="editEname">Tipo:</label>
                                    <input list="assenza" name="editEname" id="editEname" style="margin-left: 15px;" />
                                    <datalist id="assenza">
                                        <option value="Normali">
                                        <option value="Straordinarie">                        
                                        <option value="Ferie">
                                        <option value="Malattia">
                                        <option value="Permesso">
                                        <option value="Smart Working">
                                        <option value="Trasferta">
                                        <option value="Assenza non retribuita">
                                        <option value="Altro">
                                    </datalist>  
                                    <input type="hidden" name="editNomeUtente" id="editNomeUtente" value="<?php echo $_SESSION["nomeUtente"]; ?>">
                                </div>                                  
                                <div class="form-group row">
                                    <label class="col-md-2 form-control-label" for="editStarts">Inizio:</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <input type="datetime-local" class="form-control" id="editStarts" name="editStarts" data-container="#editNewEvent">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-2 form-control-label" for="editEnds">Fine:</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <input type="datetime-local" class="form-control" id="editEnds" name="editEnds"data-container="#editNewEvent">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="form-actions">
                                    <button class="btn btn-primary" data-dismiss="modal" type="button" id="salva">Salva modifiche</button>
                                    <button class="btn btn-sm btn-white btn-pure" id="annulla" href="">Annulla</button>                                 
                                </div>                  
                            </div>
                        </form>
                    </div>
                </div>

Answer 1

因为你触发事件它（hidden.bs.modal），当你关闭模态时会调用这个事件 -> 调用 -> eventi/updateEvent.php。我建议你只在点击按钮时调用事件更新 Salva modifiche

Ajax 即使没有更改也重新加载

Ajax reload even without changes

javascript

jquery

fullcalendar