首頁 > web前端 > js教程 > 如何使用 XMLHttpRequest 取得遠端 HTML 並將其儲存在 JavaScript 變數中?

如何使用 XMLHttpRequest 取得遠端 HTML 並將其儲存在 JavaScript 變數中?

Barbara Streisand
發布: 2024-11-22 13:32:12
原創
341 人瀏覽過

How Can I Use XMLHttpRequest to Get and Store Remote HTML in a JavaScript Variable?

取得 XMLHttpRequest 的回應

XMLHttpRequest 是一個用於將遠端內容載入到 JavaScript 變數中的多功能工具。若要擷取特定 URL 的 HTML 內容,請依照下列步驟操作:

問題陳述:

如何使用 JS 變數儲存遠端網站的 HTML XMLHttpRequest?

解決方案:

XMLHttpRequest.onreadystatechange 中的 XMLHttpRequest.responseText,當 XMLHttpRequest.readystatechange 中的 XMLHttpRequest.responseText,當 XMLHttpRequest.readyRequest 包含 XML

範例:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com', true);
xhr.send(null);
登入後複製

跨瀏覽器相容性:

為了增強跨瀏覽器相容性,您可以利用jQuery:

$.get('http://example.com', function(responseText) {
    alert(responseText);
});
登入後複製

同源策略:

請注意,JavaScript的同源策略限制跨源請求。考慮在您的網域上建立代理腳本來繞過此限制。

以上是如何使用 XMLHttpRequest 取得遠端 HTML 並將其儲存在 JavaScript 變數中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板