bootstrap下Ajax结束后关闭模态框

1、引入jQuery依赖

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

2、确认自己要关闭模态框的ID，在Ajax成功返回后加入一下代码，将下面的deleteModel换成自己要关闭模态框的ID

   $('#deleteModal').modal('hide');

3、例子

 我希望在点击提交后，发起Ajax请求，在请求到正确结果后提示操作成功并关闭此模态框

Ajax代码如下：

<script>
    function ajaxRequest(){

        var xmlhtttprequest=new XMLHttpRequest();

        //注意换成自己的路径
        xmlhtttprequest.open("GET","/commodity/test",true);
        
        xmlhtttprequest.onreadystatechange=function (){
            if (xmlhtttprequest.readyState==4&&xmlhtttprequest.status==200){
                var parse = JSON.parse(xmlhtttprequest.responseText);
                if (parse.message=="SUCCESS"){
                    
                    alert("success");
                    //这是重点
                    $('#deleteModal').modal('hide');
                }
                else{
                    alert("failed");
                }

            }

        }
        xmlhtttprequest.send();
    }
</script>