如何使用Xmlhttprequest参数

时间:2018-05-05 14:53:27

标签: javascript google-chrome-extension xmlhttprequest

我正在寻找的元素:



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

我想制作一个使用XMLHttpRequest GET METHOD来检查另一个网站上的值的chrome扩展,我知道我可以提供URL,缩小响应的参数。所以我的问题是如何创建一个URL,只给出我正在寻找的响应中的元素?如果它甚至可能。

1 个答案:

答案 0 :(得分: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);