Как избежать нескольких одинаковых запросов xhr с Javascript и Twig

Question

Я хотел знать, как избежать нескольких одинаковых запросов xhr для предотвращения загрузки, а также, если вы можете сообщить мне, безопасен ли этот код?

Этот код загружает аватары пользователей на страницу.

код:

{% for bulle in bulles|reverse %}
            {% if bulle.postedBy in app.user.followers %}
                $.ajax({
                    type: "GET",
                    url: "/api/"+"{{ bulle.postedby }}"+"/avatar",
                    dataType: 'json',
                    timeout: 10000,
                    success: function(response) {
                        if (response.avatar == undefined) {
                            $('#img{{ bulle.postedBy ~ loop.index }}').each(function () {
                                $('#img{{ bulle.postedBy ~ loop.index }}').attr('src', 'img/avatar/default.png');
                            });
                        } else {
                            $('#img{{ bulle.postedBy ~ loop.index }}').each(function () {
                                $('#img{{ bulle.postedBy ~ loop.index }}').attr('src', '/uploads/user_avatar/' + response.avatar);
                            });
                        }
                    },
                    error: function() {
                        console.log("API Error, can't get users avatar");
                    }
                });
            {% endif %}
        {% endfor %}

xhr запрашивает скриншот

Заранее спасибо

Answer 1

РЕДАКТИРОВАТЬ: найдено решение symfony.com/doc/3.4/doctrine/associations.html, спасибо @JovanPerovic :)