使用 Ajax 獲取執行 HTML 代碼
Ajax 是一種使用 JavaScript 技術通過瀏覽器與服務器進行異步通信的技術,可以使網頁實現動態更新,避免了頁面的重新加載,提高了用戶體驗。在使用 Ajax 進行數據交互的過程中,獲取執行 HTML 代碼是很常見的一個業務場景。
我們可以通過 jQuery 的 Ajax 方法來獲取 HTML 代碼。具體步驟如下:
$.ajax({ type: "GET", url: "htmlPage.html", success: function(data) { $("body").html(data); }, error: function(xhr, textStatus, errorThrown) { console.log("獲取 HTML 代碼失敗!" + errorThrown); } });
以上代碼中,我們首先使用 jQuery 的 Ajax 方法發起一個 GET 請求,請求的地址為“htmlPage.html”,這里我們假設該文件返回的是 HTML 代碼。在請求成功后,我們將獲取到的 HTML 代碼通過 jQuery 的 html() 方法設置到頁面的 body 標簽中,從而顯示在頁面中。如果請求失敗,則輸出錯誤信息。
需要注意的是,以上代碼只能在本域名下運行,如果需要在不同域名下獲取 HTML 代碼,則需要使用 JSONP 技術。