Как сделать AJAX запрос на странице через консоль разработчика?

Question

[Heretic Man]

Есть сайт где в поле забиваю цифры (в личном кабинете). Как только забил эти цифры ниже появляются данные без перезагрузки страницы или нажатия на кнопку. Как сделать так чтобы можно было вклинится в этот процесс отправки и получения ответа в консоли? Хотя бы получать ответ от сервера есть ли данные на эти цифры или же таких нет данных.



Когда я пытаюсь отправить подобный запрос, то приходит ответ от сервера что-то вроде не авторизован.

Answer 1

[Tom Nolane]

1) во-первых, зачем вам "вклиниваться"? Если нужно посмотреть что отправляется -> достаточно открыть вкладку networks и посмотреть какие данные (и как) передаются в теле запроса (или в get параметрах), какие заголовки.... В вашем случае GET.
2) если нужно более детально посмотреть как это делается, (также через консоль) ищете какое событие возникает при нажатии кнопки "отправить" или что там у вас. Смотрите метод, анализируете.. ставите точку остановы если потребуется...

если отвечать на вопрос, что в заголовке:
просто копируете с нужными данными

let params = {
  "search": "use fetch luke",
}

let query = Object.keys(params)
             .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
             .join('&');

let url = 'https://yandex.ru?' + query

fetch(url)
  .then(data => data.text())
  .then((text) => {
    console.log('request succeeded with JSON response', text)
  }).catch(function (error) {
    console.log('request failed', error)
  })

сюда что надо и смотрите...

Comments

[Heretic Man]

Мне не нужно знать что отправляется, а мне нужно слушать ответ от сервера есть ли там что-то под этими данными которые я вбил в поле. Событие "input"

[Tom Nolane]

Фарид Ныгиметжанов, пункт 2

[Tom Nolane]

Фарид Ныгиметжанов, всё что сервер отвечает - видно в networks. Если там ничего нету, значит сервер ничего не отвечает

[Heretic Man]

Сайт не использует JQ
и при подобном запросе $.get("https://yandex.ru") (как вы показали) приходит ответ от сервера что-то вроде не авторизован.

[Tom Nolane]

Фарид Ныгиметжанов,
1) если не использует JQ то $.get выдавал бы ошибку типа "черт, я не знаю что такое доллар[точка] get
2)

ответ от сервера что-то вроде не авторизован

значит вы что-то не передаете... срабатывает защита на стороне сервера... куки.... сессия...магия?
3) Luke, use fetch. Fetch is power...

let params = {
  "search": "use fetch luke",
}

let query = Object.keys(params)
             .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
             .join('&');

let url = 'https://yandex.ru?' + query

fetch(url)
  .then(data => data.text())
  .then((text) => {
    console.log('request succeeded with JSON response', text)
  }).catch(function (error) {
    console.log('request failed', error)
  })

[Tom Nolane]

Фарид Ныгиметжанов, и сформулируйте четко, что нужно, а то в заголовке написано

Как сделать AJAX запрос через консоль

, в теле вопроса:

Как сделать так чтобы можно было вклинится в этот процесс отправки

и в конце:

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

еще раз:
1)

отправить через консоль данные

через vanilla js (нужные подставите):

let params = {
  "search": "use fetch luke",
}

let query = Object.keys(params)
             .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
             .join('&');

let url = 'https://yandex.ru?' + query

fetch(url)
  .then(data => data.text())
  .then((text) => {
    console.log('request succeeded with JSON response', text)
  }).catch(function (error) {
    console.log('request failed', error)
  })

2)

мне нужно слушать ответ от сервера есть ли там что-то под этими данными которые я вбил в поле. Событие "input"

Tom Nolane :

2) если нужно более детально посмотреть как это делается, (также через консоль) ищете какое событие возникает при нажатии кнопки "отправить" или что там у вас. Смотрите метод, анализируете.. ставите точку остановы если потребуется...

3)

не авторизован

все данные идут (как я понял) через GET запрос. Внимательно изучите все заголовки, судя по ним там стоит защита, которая не дает топорно отправить данные

[Heretic Man]

Tom Nolane,

[Tom Nolane]

Фарид Ныгиметжанов, Tom Nolane :

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

вы отправляете топорно. Помимо GET параметров, наверно куки должны быть, может сессия привязана.. может еще что-то. ВНИМАТЕЛЬНО ИЗУЧИТЕ ЗАГОЛОВКИ [УСПЕШНОЙ] ОТПРАВКИ НА СЕРВЕР / ИЛИ / НАЙДИТЕ В JAVASCRIPT метод которые это всё формирует правильно!

более точно помочь никто не сможет, т.к. не думаю что тут есть люди, у которых есть доступ к этому сервису чтобы посмотреть что тама вместо вас.

[Heretic Man]

Tom Nolane, Спасибо вам огромное! Я начинаю разбираться во всем этом. Вы были правы на счет заголовков. Там куки и сессии передаются. Спасибо что с терпеньем разъяснили!