Как получить текст из GET запроса?

Question

[Egor4ik1337]

Я не сильно разбираюсь в JavaScript,но должно выглядеть как то так.

1) идёт GET запрос

2) получаю ответ

3) фильтрую тэги и получаю текст,но выдаёт ошибку 'Uncaught TypeError: Cannot read property 'textContent' of null' (от var c)

P.S. Ответ идёт то,что надо,но не фильтруется var c.

Код JS:

var c = document.querySelector('div[class="entry"]').textContent;
var b = document.querySelector('div[style="top: 42px; width: 690px; padding: 0px 20px; color: rgb(255, 255, 255); position: absolute; text-align: center; font: 32px/32px Arial;"]').textContent
var a = new XMLHttpRequest();
a.open("GET", "https://site.com/?s=" + encodeURIComponent(b), true);
a.onload = function (){
    alert(c);
}
a.send(null);

Answer 1

[Rsa97]

На момент работы скрипта отсутствует div с единственным классом entry.

Comments

[Egor4ik1337]

присутствует

[Rsa97]

Egor4ik1337, На момент работы скрипта.

[Egor4ik1337]

Rsa97, а как сделать,что бы он брал из запроса?

[Rsa97]

Egor4ik1337, Например, запускать скрипт по готовности страницы (window.onload).

[Egor4ik1337]

Rsa97, это как?

[Rsa97]

Egor4ik1337, https://learn.javascript.ru/onload-ondomcontentloaded

[Stas421]

Rsa97, алерта не поступило.

[Stas421]

Rsa97, ?

[Rsa97]

Stas421, А что должно было поступить, если страница давно загружена. Вы прочитали по ссылке, когда срабатывает событие onload?

[Stas421]

Rsa97, не понял.

Answer 2

[Анатолий Медведев]

var c = document.querySelector('div[class="entry"]').textContent; // 3) фильтрую тэги и получаю текст
var b = document.querySelector('div[style="top: 42px; width: 690px; padding: 0px 20px; color: rgb(255, 255, 255); position: absolute; text-align: center; font: 32px/32px Arial;"]').textContent
var a = new XMLHttpRequest();
a.open("GET", "https://site.com/?s=" + encodeURIComponent(b), true); // 1) идёт GET запрос
a.onload = function (){ // 2) получаю ответ
    alert(c);
}
a.send(null);

Очевидно что строчка с пунктом 3 отрабатывает раньше и справедливо падает с ошибкой.
Пока вообще не понятно почему вы не работаете с полученным ответом, а пытаетесь выбрать элементы со страницы, на которой их по видимому ещё нет.

Comments

[Stas421]

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

[Анатолий Медведев]

Stas421, прочитайте документацию по использованию XMLHttpRequest https://developer.mozilla.org/ru/docs/Web/API/XMLH...

[Stas421]

Анатолий Медведев, читал уже,ничо не понял.

[Stas421]

Анатолий Медведев, так тоже не работает

var b = document.querySelector('div[style="top: 42px; width: 690px; padding: 0px 20px; color: rgb(255, 255, 255); position: absolute; text-align: center; font: 32px/32px Arial;"]').textContent;
var a = new XMLHttpRequest();
a.open("GET", "https://100-k-1.ru/?s=" + encodeURIComponent(b), true);
a.onload = function (){
    var c = a.responseText
	var e = c.querySelector('div[class="entry"]').textContent;
	console.log(e);
}
a.send(null);