Как получить данные не с одной страницы, а с несколько Jquery методом $.get?

Question

[Андрей]

Здравствуйте, меня заинтересовал такой вопрос, могу ли я получить данные из блоков с одним id, но с разных страниц через метод $.get? Возможно ли это и если да, то каким образом можно это реализовать на jquery?! На данный момент, я знаю как получить данные с одной другой страницы:

$.get('/help.html?title=1', (text) => {
        $('body', text).each(function (i) {
            $('#text_help').html($('.help', text).html());
        });
    });

Код выше, будет выводить в <div id="text_help"> данные со страницы /help.html?title=1, но как сделать так, чтобы таких страниц было например три или четыре, допустим: /help.html?title=1 and /help.html?title=2 and /help.html?title=3 and /help.html?title=4 и скрипт выводил бы данные в один <div id="text_help"> со всех страниц?

Comments

[edward_freedom]

переделай ответ сервера и передавай туда массив титлов

Answer 1

[Виктор Полторацкий]

const req = (url) => $.ajax({ url: "url"});

Promise.all([req(url1), req(url2), req(url3)]).then((x) => {
$.each(x, (i, el) =>$('#text_help').html(el))
});

Comments

[Андрей]

Ого, выглядит интересно, но можете пояснить, как он должен работать? Допустим в url: я введу ссылку на условную страницу, но откуда url2 и url3 получат данные?

[Виктор Полторацкий]

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

[Андрей]

Виктор Полторацкий, Я немного не понимаю, может быть я что-то не то делаю, но как указать разные ссылки? Я сейчас делаю так:

const req = (url) => $.ajax({ url: "/index.html?act=view_help&section_id="});
Promise.all([req(url1), req(url2), req(url3)]).then((x) => {
$.each(x, (i, el) =>$('#help').html(el))
});

Но появляется ошибка, что переменная url1 не определена.

[Виктор Полторацкий]

вместо url1 url2 url3 нужно ссылки вставить

[Андрей]

Виктор Полторацкий, Тогда будет ошибка

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'ownerDocument')

поискал в интернете, особо понятного решения не нашёл.

[Андрей]

И почему-то url1 и другие принимают значения первого url, указанного в ajax.

[nowm]

Stop_Loll, вы просто неправильно описали это:

const req = (url) => $.ajax({ url: "/index.html?act=view_help&section_id="});

Естественно, что там будет одно и то же, потому что вы зашили туда значение «/index.html?act=view_help&section_id="», а нужно использовать значение параметра url, который туда приходит при вызове.

Вот так нужно описывать:

const req = url => $.ajax({url});

Если нужен код который будет работать в старых браузерах, то можно описать так:

function req(url) {
    return $.ajax({url: url});
}

Немного пояснений по синтаксису:

Эта запись означает, что в объект вставится ключ url, а значением будет значение переменной с именем url: {url}

Эта запись означает, что в объекте для ключа url установится значение из переменной url: {url: url}

[Андрей]

nowm, Спасибо большое за разъяснения, но теперь как и в прошлые разы появляется ошибка

Uncaught (in promise) ReferenceError: el is not defined

из этой строки $.each(x, (i, el) =>$('#help').html(el))

[Андрей]

Как и собственно i, тоже не определён, думал что может быть какой-то url неправильный и поэтому обещание останавливается, но нет, запросы к url успешны.

[Андрей]

Решил проверить состояние выполнения, получился вот такой скрипт:

$(document).ready(() => {
            const req = url => $.ajax({ url });
            Promise.all([req("/news.html?act=view_topics&section_id=67981")]).then((x) => {
                    $.each(x, (i, b) => $('#news').html(b), console.log("Успешное выполнение"));
                })
                .catch((x) => {
                    $('#news').html("Не удалось получить данные"), console.log("Провал выполнения");
                    });
        });

В консоле получаю вот такую обшибку:

[Андрей]

Но интересно то, что когда я вставляю ссылку на главную или например на /news.html, то все работает, правда выводится только первая ссылка.