ajax自动加载（多次调用并获取相同的数据）

Question

当我使用此代码时，多次ajax调用4-5次在输出中加载相同的数据。请帮我解决这个问题。请看流畅的代码。

<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            if ($(document).height() - 50 <= $(window).scrollTop() + $(window).height()) {
                sendData();
            }
        });

        function sendData() {
            var offset_val = $('#offset_val').val();
            $.ajax({
                url: '',
                type: 'POST',
                data: {offset_val: offset_val},
                dataType: "json",
                success: function (response) {
                    if (response.status) {
                        $('#load_data').append(response.all_data);
                        $('#offset_val').val(response.offsets);
                        setTimeout(function () {
                            //$('.animation_image').hide();
                        }, 600);
                    } else {
                        $('#no-data-found').html(response.all_data);
                       // $('.animation_image').hide();
                    }
                }
            });
        }

    });

</script>

Answer 1

这不是ajax问题，请查看以下行：

$(window).scroll(function () {
    if ($(document).height() - 50 <= $(window).scrollTop() + $(window).height()) {
        sendData();
    }
});

当条件返回true时，对于每个单个滚动时刻执行上述代码。这就是它为单个滚动启动多个请求的原因。