Установите флажок, только если AJAX вернет успех

Question

У меня есть флажок на странице HTML, который при переключении отображает модальный Bootstrap.Модал имеет форму с полем ввода.При отправке формы она отправляется на сервер и возвращается статус (успех или неудача).Если операция прошла успешно, я хочу установить флажок.Если это ошибка, я хочу, чтобы флажок оставался в том же состоянии, что и раньше.

$(':checkbox').change(function() {
    var age = $(this).data('age');
    if (this.checked) {
        $('#myModal').modal('show');
    }
});

И для обработки отправки формы:

$('#myForm').submit(function (e) {
    e.preventDefault();
    // do some stuff
    $.ajax({
        url:'http://example.com/foo',
        type:'GET',
        data: 'value=' + value,
        async: false,
        dataType: 'json',
        success: function(data){
            $('#alert').show();            
        }
    });
});

Как мне это сделать?

Answer 1

Вы также можете сделать это вместо:

$('#myForm').submit(function (e) {
    e.preventDefault();
    // do some stuff
    $.ajax({
        url:'http://example.com/foo',
        type:'GET',
        data: 'value=' + value,
        async: false,
        dataType: 'json',
        success: function(data){
            $(":checkbox").trigger("click");
        }
    });
});