简体   繁体   English

如何用ajax关闭模态?

[英]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请求发送到Web服务器,服务器向我返回一个值,如果该值为true,则必须关闭模式,当我关闭模式时,我无法浏览页面。

AJAX Code AJAX代码

$.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 HTML模态

<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. 导入正确的Bootstrap模态函数。

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

More details here. 此处有更多详细信息。 https://v4-alpha.getbootstrap.com/components/modal/#modalhide https://v4-alpha.getbootstrap.com/components/modal/#modalhide

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

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