Как на jQuery перехватить (провести) get-запрос по динамическому множеству ссылок?

Question

[О О]

Итак, имеется динамически формируемый набор ссылок, на них настроен контроллер с принимаемым параметром (id), который выполняет определенные действия и возвращает результат. А нужно чтобы jQuery без перезагрузки подгрузил данные по ссылке в поле для текста. С одной ссылкой все ясно, а вот с множеством как?

Comments

[maksam07]

Что? Где какие-то скрипты? Где выполняется и возвращается результат? Мне и с одной ссылкой не ясно, что у вас происходит.

[О О]

maksam07,
Объясню максимально просто, есть php-сервер, он все обрабатывает и возвращает результат. Есть динамически формируемые ссылки

function renderSearchTable(item) {
            return `<tr>
                                <td><a href="/wiki/article/${item.id}">${item.title}</a></td>
                                <td>${item.pivot.quantity}</td>
                    </tr>`
        }

Их много, в зависимости от предыдущих запросов. Так вот, клик по каждой ссылке - тоже запрос - вот я и спрашиваю, как это можно обработать.

Answer 1

[О О]

function renderSearchTable(item) {
            return `<tr>
                                <td><button type="button" class="btn btn-link" onclick="renderArticle(${item.id})">${item.title}</button></td>
                                <td>${item.pivot.quantity}</td>

                    </tr>`
        }

        function renderArticle(id) {
            $.ajax( {
                url: '/wiki/article/' + id,
                method: 'GET',
                data: {
                    id: id
                },
                success:function(response) {
                    console.log(response);

                    if(response) {
                        $("#articleTitle").val(response.title);
                        $("#articleLink").val(response.link)
                        $("#articleText").html(response.content);
                    }
                },
                error:function (response) {
                    console.log(response + "error");
                }
            });

        }

По сути использование button вместо href

Answer 2

[Надим]

Что именно вызывает у вас затруднения? Если умейте грузить данные по одной ссылке, то какая принципиальная разница обойти все ссылки при помощи цикла и сделать все тоже самое?

У jQuery для обхода массивов есть встроенный метод jQuery.each, а для обработки результатов можно использовать jQuery.Deferred, который полностью обратно совместим с Promise.

Comments

[О О]

Уже нет затруднений =) Сделал все работает

[maksam07]

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