如何使用Javascript和Twig避免多个相同的xhr请求

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 :)