Как сделать вывод инфы из бд по содержимому блока?

Question

[hellogamovich]

Добро, народ, подскажите
Условно есть блок, в нём ник, нужно реализовать вывод информации из таблицы по этому нику.
P.s. - скрипт Tampermonkey делаю

Comments

[Николай Чуприк]

Ничего не понятно. Вы парсите сайт, или что это вообще? Что за БД?

[hellogamovich]

Николай Чуприк, именно. Бд - с данными по каждому нику. Условно - клиент которому можно доверять или нельзя доверять

[Николай Чуприк]

Понятней не стало.

[hellogamovich]

Николай Чуприк, есть сайт. На нём есть пользователи. У каждого свой ник. Этот ник находится в span блоке "display_name". Нужно реализовать вывод информации из таблицы по этому нику.

Answer 1

[Stalker_RED]

1. получаешь скриптом из блока ник
2. и отправляешь на свой сервер запрос с этим ником (xhr, fetch, или даже через websocket)
3. сервер выбирает данные из БД и отдает клиенту (в виде json, например)
4. заполняешь табличку полученными данными
5. показываешь ее

что из этого нужно расписать подробнее?

Comments

[hellogamovich]

1 и 2 пункты

[Stalker_RED]

// получаем имя
const block = document.querySelector('.display_name')
const name = block.textContent

// отправяем
postData('http://example.com/getUserData', {userName: name})
  .then(data => myResponseHandler(data))
  .catch(error => console.error(error));

function postData(url = '', data = {}) {
    return fetch(url, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data)
    })
    .then(response => response.json());
}

function myResponseHandler(data) {
  // строй табличку и показывай
  console.log('Huge success!!')
  console.log(data)
}

примеры использования fetch