Как запросить конкретный элемент, используя параметры Xmlhttprequest

Question

Элемент, который я ищу:

<h1 id="itemSummaryPrice" style="color: rgb(255, 255, 255);">42 - 47</h1>

Я хочу создать расширение Chrome, которое использует XMLHttpRequest GET METHOD для проверки значения на другом веб-сайте, я знаю, что могу дать URL-адрес, параметры для уменьшения ответа. Поэтому мой вопрос заключается в том, как мне создать URL, который дает мне только тот элемент в ответе, который я ищу? если это даже возможно.

Answer 1

Нельзя запросить только одну часть (узел) документа. Вам нужно будет запросить все это, разобрать и выбрать из него то, что вы хотите:

var request = new XMLHttpRequest();
request.open("GET", yourUrl);

request.onload = function() {
    var doc = new DOMParser().parseFromString(request.responseText, "text/html");
    var el = doc.getElementById("itemSummaryPrice"); // the element you want
}

request.send(null);

Или вы можете установить responseType на "document" и позволить XMLHttpRequest выполнить внутренний анализ, а затем использовать responseXML:

var request = new XMLHttpRequest();
request.open("GET", yourUrl);
request.responseType = "document";

request.onload = function() {
    var doc = request.responseXML;
    var el = doc.getElementById("itemSummaryPrice"); // the element you want
}

request.send(null);