javascript - 如何使用 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);