我有一個帶有帖子的社交媒體,我想用 JS 和 AJAX 展示新的。我嘗試使用 AJAX 重新加載我的頁面并將其放入 div 元素中,但現在網站位于此 div 元素中,所以我有兩次完整頁面。但是,我只想使用 AJAX 獲取 div 元素。我的代碼如下所示:
var timeout = setTimeout(loadDoc, 2000);
function loadDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("container").innerHTML = this.responseText;
}
xhttp.open("GET", "mywebsite.com");
xhttp.send();
timeout = setTimeout(loadDoc, 2000);
}
<div id="container">
post2<br>
post1
</div>
有人能幫我嗎?
親切的問候, ComputerJoshi
uj5u.com熱心網友回復:
您可以在這里采取兩種方法:
有一個合理的 API 設計
您請求的 URL 正在回傳一堆您不想要的資料。
更改它(或創建一個新的 URL 來請求),以便您只獲得所需的資料。
您可以以 HTML 形式保存該資料,但更典型的做法是以結構化格式(JSON 很流行)呈現它,然后使用它來更新當前頁面的 DOM。
決議 HTML
將 HTML 字串轉換為 DOM(例如,使用DOMParser),然后使用querySelector找到所需的 DOM 部分,然后將它們復制到當前 DOM 中。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/441729.html
標籤:javascript html 阿贾克斯
上一篇:PHP:使用AJAX插入資料
