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

Question

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

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

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

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

我被这个小代码困住了，但是它只返回了页面 'skeleton':

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();

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

How to get a specific element from a page to another using JS and Ajax?

javascript

ajax

getelementbyid