Информация не обновляется после обновления в базе данных

Question

Я пытаюсь настроить модальный, используя bootstrap для проекта, в котором клиент сможет обновить свою любимую команду, город рождения и их размер. После обновления информации в базе данных я хотел бы обновить ее в соответствующем поле.

мой модальный код:

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
       <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       <form> 
        <div class="form-group"> 
         <label for="cityIn">You live in:</label> 
         <input type="text" class="form-control" id="cityIn" placeholder="city"> 
        </div> 
        <div class="form-group"> 
         <label for="favoriteTeam">Favorite Team:</label> 
         <input type="text" class="form-control" id="favoriteTeam" placeholder="favoriteTeam"> 

        </div> 
        <div class="form-group"> 
         <label for="size">Size:</label> 
         <input type="text" class="form-control" id="size" placeholder="size"> 
        </div> 
        <div class="form-group"> 
         <input type="hidden" class="form-control" id="usernameSubmitting" value="<?php echo $u; ?>"> 
        </div> 

        <div class="alert alert-success" id="successAlert" role="alert" style="display: none"></div> 
        <div class="alert alert-danger" id="updateFail" style="display:none"> </div> 

       </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary" id="saveBtn" onClick="Changes()">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div> 

мой сценарий:

function Changes() { 

    var updateCity = $("#cityIn").val(); 

    $.ajax({ 
     url: "../php_parsers/update_parse.php", 
     type: "POST", 
     data: { 
      cityIn: $("#cityIn").val(), 
      favoriteTeam: $("#favoriteTeam").val(), 
      size: $("#size").val(), 
      usernameSubmitting: $("#usernameSubmitting").val() 

     } 
    }).done(function(result) { 
     if (result == "success") { 
      $("#successAlert").html("Update successful").show(); 

     } else { 
      $("#updateFail").html(result).show(); 
     } 
    }) 

    $('#myModal').on('hide.bs.modal', function(e) { 
     $("#cityDisplayed").html(updateCity); 
     $("#updateFail, #successAlert").hide(); 

    }); 
} 

Answer 1

NVM мой код был надлежащим просто забыл, чтобы сохранить его.

function Changes() { 

var updateCity = $("#cityIn").val(); 

$.ajax({ 
    url: "../php_parsers/update_parse.php", 
    type: "POST", 
    data: { 
     cityIn: $("#cityIn").val(), 
     favoriteTeam: $("#favoriteTeam").val(), 
     size: $("#size").val(), 
     usernameSubmitting: $("#usernameSubmitting").val() 

    } 
}).done(function(result) { 
    if (result == "success") { 
     $("#successAlert").html("Update successful").show(); 

    } else { 
     $("#updateFail").html(result).show(); 
    } 
}) 

$('#myModal').on('hide.bs.modal', function(e) { 
    $("#cityDisplayed").html(updateCity); 
    $("#updateFail, #successAlert").hide(); 

}); 
}