Jquery 在ajax响应之前防止模态关闭

我想防止引导模式在ajax响应之前关闭，或者说，如果响应为false，甚至不关闭。
代码如下： 仅限模态体：

    <div class="modal-body">    
<div class="control-group">
<div class="controls">
    <label for="sharedUser" class="control-label right">Share With:</label>
    <input type="text" name="sharedUser" id="sharedUser"  placeholder="Username to Share">
    <label class="help-block errorLabel fl width100" id="kpiNameError"></label>                                                         </div>
    </div>  </div>

我想要的是，在ajax响应之前，不要忽略modal。

---

事实上，即使是我也不清楚这个问题，这个问题有待进一步编辑或建议。
提前谢谢。您可以在执行关闭之前，在引导触发的关闭事件（

hide.bs.modal

）上添加回调

通过保持状态，可以确定模态是否可以关闭。当不允许用户关闭模式时，最好隐藏关闭图标，当ajax成功时（允许访问者关闭）显示关闭图标

下面是一些示例代码，可以进一步帮助您：

var ajaxSucceeded = false;

function shareKpi(kpiId, username){
    var shareUrl = "${createLink(action:'shareKpi',controller:'dashboard')}",
        msg;

    jQuery.ajax({
        type: 'POST',
        url: shareUrl,
        data: "kpiId="+kpiId+"&sharedUser="+username,
        success: function(response,textStatus){
            msg = response;
            ajaxSucceeded = true;
        },
        error:function(XMLHttpRequest,textStatus,errorThrown) {
            // show error message
            ajaxSucceeded = false;
        }
    });

    return false;
}

$('#myModal').on('hide.bs.modal', function () {
    if (!ajaxSucceeded) {
        // prevent closing of modal
        return false;
    }
});

---

您可以在执行关闭之前，在引导触发的关闭事件（

hide.bs.modal

）上添加回调

通过保持状态，可以确定模态是否可以关闭。当不允许用户关闭模式时，最好隐藏关闭图标，当ajax成功时（允许访问者关闭）显示关闭图标

下面是一些示例代码，可以进一步帮助您：

var ajaxSucceeded = false;

function shareKpi(kpiId, username){
    var shareUrl = "${createLink(action:'shareKpi',controller:'dashboard')}",
        msg;

    jQuery.ajax({
        type: 'POST',
        url: shareUrl,
        data: "kpiId="+kpiId+"&sharedUser="+username,
        success: function(response,textStatus){
            msg = response;
            ajaxSucceeded = true;
        },
        error:function(XMLHttpRequest,textStatus,errorThrown) {
            // show error message
            ajaxSucceeded = false;
        }
    });

    return false;
}

$('#myModal').on('hide.bs.modal', function () {
    if (!ajaxSucceeded) {
        // prevent closing of modal
        return false;
    }
});

---

您可以在执行关闭之前，在引导触发的关闭事件（

hide.bs.modal

）上添加回调

通过保持状态，可以确定模态是否可以关闭。当不允许用户关闭模式时，最好隐藏关闭图标，当ajax成功时（允许访问者关闭）显示关闭图标

下面是一些示例代码，可以进一步帮助您：

var ajaxSucceeded = false;

function shareKpi(kpiId, username){
    var shareUrl = "${createLink(action:'shareKpi',controller:'dashboard')}",
        msg;

    jQuery.ajax({
        type: 'POST',
        url: shareUrl,
        data: "kpiId="+kpiId+"&sharedUser="+username,
        success: function(response,textStatus){
            msg = response;
            ajaxSucceeded = true;
        },
        error:function(XMLHttpRequest,textStatus,errorThrown) {
            // show error message
            ajaxSucceeded = false;
        }
    });

    return false;
}

$('#myModal').on('hide.bs.modal', function () {
    if (!ajaxSucceeded) {
        // prevent closing of modal
        return false;
    }
});

---

您可以在执行关闭之前，在引导触发的关闭事件（

hide.bs.modal

）上添加回调

通过保持状态，可以确定模态是否可以关闭。当不允许用户关闭模式时，最好隐藏关闭图标，当ajax成功时（允许访问者关闭）显示关闭图标

下面是一些示例代码，可以进一步帮助您：

var ajaxSucceeded = false;

function shareKpi(kpiId, username){
    var shareUrl = "${createLink(action:'shareKpi',controller:'dashboard')}",
        msg;

    jQuery.ajax({
        type: 'POST',
        url: shareUrl,
        data: "kpiId="+kpiId+"&sharedUser="+username,
        success: function(response,textStatus){
            msg = response;
            ajaxSucceeded = true;
        },
        error:function(XMLHttpRequest,textStatus,errorThrown) {
            // show error message
            ajaxSucceeded = false;
        }
    });

    return false;
}

$('#myModal').on('hide.bs.modal', function () {
    if (!ajaxSucceeded) {
        // prevent closing of modal
        return false;
    }
});