jQuery load() 方法

jQuery 的 load() 方法用于从服务器加载数据，并把返回的数据放入指定的元素中。该方法可以接受多个参数，其中必须包含一个 URL 参数用于指定要加载的数据来源。

语法

$(selector).load(url, data, complete);

参数说明：

• selector: 必需，要加载数据的元素。
• url: 必需，要加载数据的 URL 地址。
• data: 可选，要发送到服务器的数据，格式为键值对。
• complete: 可选，加载完成后执行的回调函数。

示例

假设我们有一个 HTML 文件，其中包含一个按钮和一个空的 div 元素：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
  <title>jQuery load() 方法示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<button id="btn">点击加载内容</button>
<div id="content"></div>

<script>
$(document).ready(function(){
  $("#btn").click(function(){
    $("#content").load("data.txt", function(responseTxt, statusTxt, xhr){
      if(statusTxt == "success"){
        alert("数据加载成功！");
      }
      if(statusTxt == "error"){
        alert("数据加载失败：" + xhr.status + ": " + xhr.statusText);
      }
    });
  });
});
</script>

</body>
</html>

在上面的示例中，当用户点击按钮时，会通过 load() 方法加载 data.txt 文件的内容，并将其插入到 #content 元素中。加载完成后会弹出相应的提示框。

这只是 load() 方法的一个简单示例，更多功能和用法可以参考官方文档或其他教程。