[英]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">×</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.