Question

我有一个带有用户列表的bootstrap Modal，我在其中显示另一个用于添加新用户的模式。使用Ajax获取添加新用户模态。当我使用Ajax添加新用户时，我想用Ajax响应消息（.alert-success或.alert-danger in bootstrap）更新div。

现在用户已加载但我无法显示消息，因为模式本身是使用Ajax加载的。

$('body').on("click", "#createGroupUserModual .submit", function (e) {
var alertContainer = $(document).find('#groupUserFormCreate').find("#alerts");
    $.ajax({
        url: $('#groupUserFormCreate').attr('action'),
        type: 'POST',
        dataType: "json",
        cache: false,
        data: $('#groupUserFormCreate').serialize(),
        success: function(response) {
            console.log("success " + response.message);
            var returnMessage = "<div class='alert alert-success'>"+response.message+"</div>";
           //this below line is not updating the contents with the message.
            alertContainer.html(returnMessage);
        },
        error: function(response) {
            console.log("failure is here " + response.message);
            var returnMessage = "<div class='alert alert-danger'>"+response.message+"</div>";
            alertContainer.html(returnMessage);
        }
    });
});

Answer 1

我看到redraw de alertContent的代码不一样，只有在响应成功时才存在，但在$ .ajax查询下不存在于errro中所以：

error: function(response) {
                        console.log("failure is here " + response.message);
                        var returnMessage = "<div class='alert alert-danger'>"+response.message+"</div>";
 alertContainer.html(returnMessage);

                    }

尝试此代码，错误地添加了重绘html。期待将是。

如何更新使用Ajax加载的Bootstrap模式的内容？

1 个答案: