jQuery中的load函數可以從服務器加載數據并將其插入到現有的HTML頁面中的指定元素中。通常用于簡化AJAX請求，使代碼更加簡潔、可讀性更高。
$(selector).load(url,data,function(response,status,xhr))
參數說明：
- selector：必需，指定要向其中加載文本的元素
- url：必需，規定要加載的 URL
- data：可選，發送到服務器的數據
- function(response,status,xhr)：可選，規定當load()方法完成時所執行的回調函數
load函數可以用來加載整個HTML文件或其它文本文件，也可以加載服務器返回的JSON數據。在加載JSON數據時，需要設置HTTP請求的內容類型為“application/json”。
$.ajax({
url: "example.php",
dataType: "json",
contentType: "application/json",
success: function(data){
$("selector").html(data.key);
}
});需要注意的是，load函數只會替換被選元素的HTML內容，而不會替換其它屬性（如class、id等）。
下面是一個簡單的例子：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="test"></div>
<script>
$("#test").load("test.html");
</script>
</body>
</html>上面的代碼中，我們在一個空白的div中加載test.html文件的內容。這個div在加載前不展示任何內容，但是在加載完成之后就會展示test.html中的所有內容。
上一篇HTML+設置系統時間
下一篇antd-pro-vue