简体   繁体   中英

How to close a modal with ajax?

I send a ajax request to a web server, the server returns me a value, if the value is true, I have to close the modal, when I close the modal I can't surf into the page.

AJAX Code

$.ajax({
type: "POST",
url: "impostazioni/funzioni.php",
data: { "action": "aggiorna", "tipo": "EMail", "valore": nuova},
success:function(result){
    $("#nuova_email").val("");
    $("#conferma_email").val("");
    $("#modifica_mail").hide();
    alert("EMail aggiornata");
    $("#email").val(nuova);
    impostazioni();
}
});

HTML Modal

<div id="modifica_mail" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modifica e-mail</h4>
        </div>
        <div class="modal-body">
            <table class="table" style="border:none; line:none;overflow-x:auto; border-collapse: collapse; border-spacing: 0;width: 100%;border: 1px solid #ddd;">
                <tr>
                    <td>Nuova e-mail</td>
                    <td><input type="email" placeholder="Nuova e-mail" id="nuova_email" name="nuova_e-mail"></td>
                </tr>
                <tr>
                    <td>Conferma e-mail</td>
                    <td><input type="email" placeholder="Conferma e-mail" id="conferma_email" name="conferma_e-mail"></td>
                </tr>
            </table>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-sm" onclick="annulla_email()" data-dismiss="modal">Annulla</button>
            <button type="submit"  class="btn btn-default btn-sm" onclick="aggiorna_email()">Aggiorna</button>
        </div>
    </div>
</div>

Could you help me please?

Change

$("#modifica_mail").hide();

into correct Bootstrap modal function.

$("#modifica_mail").modal('hide');

More details here. https://v4-alpha.getbootstrap.com/components/modal/#modalhide

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM