为什么javascript变量没有更新值？

Question

我尝试在发生错误时更新flag变量值，但即使发生错误也不会更新：

var flag = 0;
            var index = $(this).attr('data-index');
            // Validate User/Client Data When Next Button is clicked (Up or DOWN)
            if(index == 2){
                e.preventDefault();
                $.ajax({
                    url: '<?php echo $this->CxHelper->Route('quiz-client-details'); ?>',
                    type: 'POST',
                    data: $('#signup-form').serialize(),
                    dataType: 'JSON',
                    success: function(data) {
                        if (data.status == 'success') {
                            console.log(data.status);
                        }
                    },
                    error: function(data){
                        $('.error-box').html(data.responseText);
                        flag = 1;
                    }
                });

            }
            index++;
            console.log(flag);

我正在尝试在此处更新标志值：

error: function(data){
                        $('.error-box').html(data.responseText);
                        flag = 1;
                    }

但是在控制台中，flag的值为0！

谢谢