如何使用 JS 和 Ajax 将特定元素从一个页面获取到另一个页面？

Question

我需要构建一个脚本（完全是 JS，不允许 jQuery），它将在页面上执行一些操作，我们称之为活动页面，基于存储在不同页面（相同域）上的数据，称之为被动页面.

这些数据存储在 Passive 页面中的特定 HTML 元素中。

我对 Ajax 完全陌生，所以在开始之前我尝试在互联网上进行研究，但没有发现任何有用的东西（或者，也许，我无法理解）。

如何检索我需要的特定数据？

我被这个小代码卡住了，但是它只返回了页面“骨架”：

javascript:

var myAttempt = new XMLHttpRequest();
myAttempt.onreadystatechange = function() {
 if (this.readyState == 4 && this.status == 200) {
    myAttempt = this.responseText;
 }
}
myAttempt.open("GET", "https://www.website.com/passivepage.html", true);
myAttempt.send();

我应该在哪里告诉脚本寻找被动页面的特定元素？

谢谢

Answer 1

通过您的 ajax 请求，您会收到一个字符串作为响应，要在其中找到一个特定元素，您可以创建一个虚拟 DOM 元素并将字符串添加到其中，然后在虚拟元素中找到您要查找的每个元素。 像这样：

var myAttempt = new XMLHttpRequest();
myAttempt.onreadystatechange = function() {
 if (this.readyState == 4 && this.status == 200) {
    var div = document.createElement('div');
    div.style.display = 'none';
    div.innerHTML = this.responseText;
    document.body.append(div);
    const theElement = div.querySelector('selector');
    alert(theElement.getAttribute('x'));
 }
}
myAttempt.open("GET", "/url", true);
myAttempt.send();