Почему происходит дублирование Ajax и как решить?

Question

[Saharman]

Вообщем есть такой код

$(function () {
            $(".checkbox").click(function () {
                var a = "1", b = "1", c = "1", d = "1";
                if (($("#1").prop("checked") !== true)) a = "0";
                if ($("#2").prop("checked") !== true) b = "0";
                if ($("#3").prop("checked") !== true) c = "0";
                if ($("#4").prop("checked") !== true) d = "0";
                var s = a + b + c + d;

                $.ajax({
                    type: 'GET',
                    url: '/Project/Index/' + '0?s=' + s,
                    success: function (data) {
                        if (data !== '') {
                            $("#mycon").html(data);
                        }

                    }
                });
            });
        })

По какой-то магической причине, при вызове нового запроса, происходит параллельно второй вызов , но с параметрами предыдущего запроса

Помогите, пожалуйста, решить.

Comments

[Айнур Валиев]

аякс работает асинхронно. Делай запрос отдельно от проверки значения. Или на крайняк делай запрос синхронным, что не есть гуд.

[Saharman]

Айнур Валиев, а как мне тогда сделать, чтобы именно при клике и собиралось значение чекбоксов, и отправлялся запрос?

$(function () {
            $(".checkbox").click(function () {
                var a = "1", b = "1", c = "1", d = "1";
                if (($("#1").prop("checked") !== true)) a = "0";
                if ($("#2").prop("checked") !== true) b = "0";
                if ($("#3").prop("checked") !== true) c = "0";
                if ($("#4").prop("checked") !== true) d = "0";
                var e = a + b + c + d;
                aj(e);

                
            });
        })
        function aj(s) {
            $.ajax({
                type: 'GET',
                url: '/Project/Index/' + '0?s=' + s,
                success: function (data) {
                    if (data !== '') {
                        $("#mycon").html(data);
                    }

                }
            });

        }

Вынес в отдельную функцию, не помогло

[Айнур Валиев]

Saharman, выноси каждый селектор под отдельный запрос. Решение не совсем грамотное, но зато дубля точно не будет.

[Saharman]

Айнур Валиев, а не могли бы вы объяснить, почему так происходит, очень бы хотелось разобрать этот момент. Ведь по логике, вся функция срабатывает при щелчке по одному из чекбоксов , и проходит один раз попорядку. Т. Е. мы собираем строку и после чего отправляем ассинхронный запрос.

[Айнур Валиев]

Saharman, понятие асихронности в Javascript. клик и аякс запрос выполняются одновременно, и запрос не зависит от клика, значит и переменная берется закешированная, то бишь предыдущая.

[Saharman]

Айнур Валиев, спасибо, сделал как вы сказали и все заработало. Вы бы могли написать решение в ответ,чтобы я отметил его как правильный

Answer 1

[Айнур Валиев]

аякс работает асинхронно. Делай запрос отдельно от проверки значения. Или делай запрос синхронным.