如何通过jQuery调用HTML模态框？替换alert实现修改确认提示

你当前用的$("div#myModalEdit").html()方法只是用来读取或修改元素的HTML内容，根本不是用来触发模态框显示的，这就是为什么它没效果的原因。下面给你不同场景下的正确实现方式：

1. 若使用Bootstrap模态框 #

如果你的#myModalEdit是Bootstrap框架的模态框，直接调用modal('show')方法即可，还可以先更新模态框内的提示内容：

success:function(response){
    console.log("success");
    // 更新模态框里的提示文本
    $("#myModalEdit .modal-body").text(nom + " à été modifier bdd");
    // 触发模态框显示
    $("#myModalEdit").modal('show');
    // 移除原来的alert
    // alert(nom + " à été modifier bdd");
}

2. 若使用自定义模态框 #

如果是自己手写的纯HTML/CSS模态框，通常通过控制元素的display属性或添加/移除类来显示：

success:function(response){
    console.log("success");
    // 可选：更新模态框内的提示内容
    $("#myModalEdit .modal-text").text(nom + " à été modifier bdd");
    // 显示模态框（示例：添加显示类）
    $("#myModalEdit").addClass("modal-visible");
    // 或者直接修改display属性
    // $("#myModalEdit").css("display", "flex");
}

关于你最终采用的toastr方案 #

toastr是轻量级的消息提示组件，用法比模态框更简洁，引入对应CSS和JS文件后，直接调用方法就能弹出提示：

success:function(response){
    console.log("success");
    toastr.success(nom + " à été modifier bdd");
}

内容的提问来源于stack exchange，提问作者user20176030