Bootstrap- jQuery AJAX在错误和成功消息上均显示“警告警报-危险”类

有利的报告

我正在使用Twitter Bootstrap 3,并使用jQuery AJAX发送表单数据。这是我的代码:

    $.ajax({ 
    type: $(form).attr('method'),
    url: $(form).attr('action'),
    data: $(form).serialize(),
    dataType: "json",
    success: function (response) {
        if (response.type = "error") {
            $('#msgs').html("<div class='alert alert-danger'>"+response.text+"</div>");
            } else {
            $('#msgs').html("<div class='alert alert-success'>"+response.text+"</div>");
        }
    }
 });

这应该与显示错误信息警告警报的危险类,如果类型错误的JSON数据及与警报警报的成功,如果类型成功的JSON数据。但是它同时显示错误和成功消息,并带有alertert-danger警报

怎么了?

希比

我认为您必须在以下情况下进行检查:

if (response.type == "error") {
    $('#msgs').html("<div class='alert alert-danger'>"+response.text+"</div>");
} else {
    $('#msgs').html("<div class='alert alert-success'>"+response.text+"</div>");
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

相同表单组的JQuery验证和Bootstrap 3-每个字段的错误和成功类

来自分类Dev

相同表单组的JQuery验证和Bootstrap 3-每个字段的错误和成功类

来自分类Dev

发现最危险的类三角警告

来自分类Dev

jQuery和Bootstrap轮播

来自分类Dev

jQuery Slideup和Bootstrap的警报(仅显示一次)

来自分类Dev

Bootstrap 3警报-使用jQuery或JS显示

来自分类Dev

使用JQuery激活Bootstrap警报

来自分类Dev

当ajax响应成功时,清除jQuery成功/错误消息跨度类

来自分类Dev

Drupal,Bootstrap和Jquery冲突?

来自分类Dev

jQuery和Bootstrap之间的冲突

来自分类Dev

Javascript(JQuery)和Bootstrap模式

来自分类Dev

jQuery noconflict,bootstrap和requirejs

来自分类Dev

jQuery和Bootstrap输入验证

来自分类Dev

Bootstrap崩溃和jQuery事件

来自分类Dev

使用jQuery为Bootstrap类更改类名称

来自分类Dev

Rails 4:Bootstrap类未显示错误消息

来自分类Dev

jQuery datepicker和Bootstrap模态错误(Firefox)

来自分类Dev

通过 Javascript / jQuery 在按钮单击时显示 Bootstrap 警报

来自分类Dev

jQuery通过Twitter Bootstrap按钮类进行切换

来自分类Dev

Bootstrap 3列类干扰jquery-ui droppable div

来自分类Dev

引用JQuery中的Bootstrap类以获取ASP生成的HTML

来自分类Dev

在bootstrap datepicker jQuery addClass上单击触发

来自分类Dev

Bootstrap进度条上的jQuery setInterval()

来自分类Dev

Bootstrap进度条上的jQuery setInterval()

来自分类Dev

在Jquery中更改类时警告消息

来自分类Dev

关于Bootstrap 2和jQuery 1.7.2的困惑

来自分类Dev

在Aurelia应用中需要bootstrap和jquery

来自分类Dev

jQuery UI .resizable()和Bootstrap冲突

来自分类Dev

使用jQuery搜索和过滤Bootstrap面板

Related 相关文章

热门标签

归档