Question

我正在使用以下jQuery / Ajax方法来验证表单。我将json数据传递给名为add.php的php文件。现在如果add.php页面发现任何错误，则显示错误消息，否则显示成功消息。

现在，在ajax成功方法中我想显示引导成功消息 class如果没有错误，否则错误消息 {{ 1}}。

到这一行：

class

现在我无法确定如何检查结果是否成功。

Jquery / Ajax代码：

$('#form_result').append('<p class="alert alert-danger">'+value+'</p>');

add.php页面

<script type="text/javascript">
    $(document).ready(function() {
        $("#add_zone").submit(function(e) {
            e.preventDefault();
            $.ajax({
                url : 'add',
                data : $(this).serialize(),
                dataType : 'json',
                type : 'POST',
                beforeSend : function () {
                    $("#submit_button").val("Wait...");
                },
                success : function ( result ) {
                    $("#submit_button").val("Add New Zone");
                    $('#form_result').html('');
                    $.each( result, function( key, value ) {        
                        if(key !== 'error')  {
                            $('#form_result').append('<p class="alert alert-danger">'+value+'</p>');
                        }
                    });                               
                },
            });
        });        
    });
</script>

Answer 1

不要将输出与错误状态混合：

</aside>

如何在ajax成功方法（）中显示bootstrap成功消息？

1 个答案: