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