jQuery load()介绍

jQuery是一个广泛使用的JavaScript库，它封装了一些常见的JavaScript任务，并提供了易于使用的API。其中之一是load()方法，用于从服务器加载数据并将其放入选择的元素中。

语法

$(selector).load(url, [data], [callback]);

参数说明：

• selector: 用于指定要插入返回数据的元素。
• url: 要加载的URL地址。
• data (可选)：发送到服务器的数据，可以是普通的对象或字符串。
• callback (可选)：当请求完成后要执行的函数名称。

示例

以下是一些使用load()方法的示例：

基本用法

$("div").load("test.html");

这将从test.html文件中取回数据，并将其放置在选择的<div>元素中。

传递数据

$("div").load("test.php", {name: "Tom", age: 25});

这将向test.php文件发送数据，并将返回的数据放置在选择的<div>元素中。

回调函数

$("div").load("test.php", function(responseTxt, statusTxt, xhr){
  if(statusTxt == "success")
    alert("外部内容加载成功！");
  if(statusTxt == "error")
    alert("Error: " + xhr.status + ": " + xhr.statusText);
});

这将向test.php文件发送请求，并在请求完成后调用回调函数。如果请求成功，将会显示成功提示框，反之则会显示错误提示框。

总结

load()方法是一个方便的API，用于在前端从服务器获取数据，并将其添加到HTML元素中。在进行AJAX加载时，它可以节省很多代码。同时，它也支持传递数据和回调函数，在需要对加载结果进行验证，或在加载后执行其他操作时非常有用。