jQuery 是一個流行的 JavaScript 庫，它允許我們通過使用選擇器來快速操作 DOM 元素、執行動畫、處理事件，以及使用 AJAX 等等。而 AJAX 則是一種在不刷新整個頁面的情況下從服務器異步獲取數據的技術。在本文中，我們將介紹如何使用 jQuery AJAX 輸出 HTML。
首先，我們需要創建一個 HTML 頁面，并引入 jQuery 庫：
<!DOCTYPE html> <html> <head> <title>jQuery AJAX 輸出 HTML</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <div id="output"></div> </body> </html>
在這個例子中，我們創建了一個空的 <div> 元素，它的 ID 為“output”，我們將要在其中輸出從服務器獲取的 HTML。
下一步，我們將使用 jQuery AJAX 函數從服務器獲取數據，并在成功時輸出結果：
$(document).ready(function() {
$.ajax({
url: "path/to/server/file.php",
data: {param1: "value1", param2: "value2"},
type: "POST",
success: function(data) {
$("#output").html(data);
}
});
});這個示例中，我們定義了一個 AJAX 請求，它的 URL 是“path/to/server/file.php”，數據發送方式為 POST，并傳遞了兩個參數：param1 和 param2，它們的值分別為“value1”和“value2”。當請求成功時，服務器會返回數據，這些數據將作為參數傳遞給 success 回調函數，我們使用它來將獲取到的 HTML 內容插入到頁面的 <div> 元素中。
在這個過程中，我們使用了 jQuery AJAX 中的一些重要選項：
url：請求的服務器端文件的URLdata：需要傳遞到服務器端的數據type：請求方式（比如GET或POST）success：請求成功后執行的回調函數
通過使用這些選項，我們可以輕松獲取服務器端的數據，并在客戶端上處理和輸出它們。這使得我們可以創建高度動態和交互性的 Web 應用程序，而不必對整個頁面進行刷新。
下一篇在css里寫上 tpa