Как парсить элемент из другого сайта?

Question

[Ibishka]

let xhr = new XMLHttpRequest();
  xhr.open("GET", "https://ipinfo.io");
  xhr.send();
  xhr.addEventListener("load", function() {
    if (xhr.status != 200) {
      alert(`Ошибка ${xhr.status}: ${xhr.statusText}`);
    } else {
      alert(xhr.response);
    }
  });

Мне нужно достать содержимое элемента document.querySelectorAll("json-widget-entry")[3];

Comments

[Максим Федоров]

https://developer.mozilla.org/ru/docs/Web/API/DOMParser

[Максим Федоров]

https://github.com/inikulin/parse5/blob/master/pac...

Answer 1

[Сергей Соколов]

Незачем что-то парсить. ipinfo.io предоставляет API, есть бесплатный план (до 50 тыс. запросов в месяц)

Например, с помощью jQuery, без авторизации можно получить IP, страну:

$.get("https://ipinfo.io", function(response) {
  console.log(response.ip, response.country);
}, "jsonp")

Response содержит больше полей:

{
  "ip": "134.209.xxx.xxx",
  "city": "Clifton",
  "region": "New Jersey",
  "country": "US",
  "loc": "40.8344,-74.1377",
  "org": "AS14061 DigitalOcean, LLC",
  "postal": "07014",
  "timezone": "America/New_York",
  "readme": "https://ipinfo.io/missingauth"
}

Comments

[Ibishka]

Как на чистом JS сделать?

[Сергей Соколов]

Ibishka, примерно так:

function gotResponse(response)
{
    console.log("got Response:", response.ip, response.country);
}

var script = document.createElement('script');
script.src = 'https://ipinfo.io?callback=gotResponse'

document.head.appendChild(script);

Для справки: JSONP.

[Ibishka]

Сергей Соколов, error 429. А тогда ajax не нужен?

[Сергей Соколов]

Ibishka, ajax не нужен. Т.к. запрос кросс-доменный, он делается как будто запрашивается просто js скрипт с внешнего ресурса. Скрипт конструируется таким образом, что сам вызывает указанную вами в параметре callback функцию, и передаёт в неё результат запроса.

[Сергей Соколов]

Ibishka, HTTP 429 значит, что вы превысили допустимое число запросов в секунду/минуту/сутки/год.
Попробуйте зарегистрироваться у них на free plan.

[Ibishka]

Сергей Соколов, Хорошо. Как извлечь location.city из полученного string json

let xhr = new XMLHttpRequest();
  xhr.open(
    "GET",
    "https://ip-geolocation.whoisxmlapi.com/api/v1?apiKey=at_ZVD4jknkwDhwTHDerhqDrmImBM1hQ&ipAddress"
  );
  xhr.send();
  xhr.addEventListener("load", function() {
    if (xhr.status != 200) {
      alert(`Ошибка ${xhr.status}: ${xhr.statusText}`);
    } else {
      alert(xhr.response);
    }
  });

[Сергей Соколов]

Ibishka, попробуйте так:

var data = JSON.parse(xhr.statusText);
var city = data.location.city;

[Ibishka]

Сергей Соколов, SyntaxError: Unexpected token O in JSON at

[Ibishka]

xhr.response Вместо statusText and success. Thank youu

Answer 2

[Шохрух Шаймардонов]

Так должно работать:

let xhr = new XMLHttpRequest();
xhr.open("GET", "https://ipinfo.io");
xhr.send();
xhr.addEventListener("load", function() {
	if (xhr.status != 200) {
		alert(`Ошибка ${xhr.status}: ${xhr.statusText}`);
	} else {
		let rawHTML = xhr.response;
		let parsedDOM = new DOMParser().parseFromString(rawHTML, 'text/html').documentElement.childNodes[2]; // получаем сразу body
		console.log(parsedDOM.querySelectorAll(".json-widget-entry")[3]); // поиск внутри тега body
	}
});

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

Comments

[Ibishka]

Да пишет undefined. Help

[Шохрух Шаймардонов]

Ibishka, ну тут уже надо копаться, почему например сайт не отдает вам часть страницы с виджетами.