在 jQuery 中,.load()
是一个用于加载远程 HTML 内容的函数。它将发送一个 HTTP GET 请求到指定的 URL,并把返回的 HTML 内容插入到指定的元素中。
以下是如何使用 .load()
函数的基本语法:
$(selector).load(URL,data,callback);
其中:
selector
是一个 jQuery 选择器,用于选择要插入内容的元素。URL
是要加载的远程页面的 URL。data
是要发送到服务器的数据(如果有需要的话)。这可以是一个对象,也可以是查询字符串。callback
是可选的回调函数,用于在加载完成后执行。
以下是一个简单的示例:
$('#myDiv').load('https://example.com/my-page.html');
这会将来自 https://example.com/my-page.html
的 HTML 内容插入到 ID 为 myDiv
的元素中。
你还可以添加数据和回调函数:
$('#myDiv').load('https://example.com/my-page.html', { key1: 'value1', key2: 'value2' }, function(responseTxt, statusTxt, xhr){
alert("Data loaded: " + responseTxt);
});
在这个示例中,我们向服务器发送了一个带有数据的 GET 请求。然后,当加载完成时,会弹出一个包含响应文本的警告框。