引导 - jQuery AJAX在错误和成功msg上显示“alert alert-danger”类msg

Question

我正在使用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数据中成功。但它会显示错误和成功消息警报警报 - 危险。

怎么了？

Answer 1

我认为你必须检查这样的，如果：

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>"); 
} 

Answer 2

使用这个辅助功能，可以通过邮件与（“危险”，“成功”，“信息”的类型， '警告'）。 它会为您生成引导警报框。

var bsMSG = function (msg, type, seprator) { 
     html = ''; 
     msg = (msg instanceof Array ?msg:[msg]); 
     type = type || 'success'; 
     seprator = seprator || '<br/>'; 
     b = ''; 
     for (i = 0; i < msg.length; i++) { 
      html += b + msg[i]; 
      b = seprator; 
     } 
     html = "<div class='alert alert-" + type + "'>" + html + "</div>"; 
     return html; 
    }; 

    // usage 

    if (response.type == "error") { 
     $('#msgs').html(bsMSG(response.text,'danger')); 
    }else{ 
     $('#msgs').html(bsMSG(response.text')); 
    }