1. 从服务器加载 HTML 内容到元素中:
$('#targetElement').load('your_html_file.html');
这会将 your_html_file.html 文件的内容加载到具有 id="targetElement" 的元素中。
2. 从服务器加载 HTML 内容到元素中,并执行回调函数:
$('#targetElement').load('your_html_file.html', function(response, status, xhr) {
if (status === 'success') {
console.log('Load was performed.');
} else if (status === 'error') {
console.error('Error loading content.');
}
});
在这个例子中,你可以在加载完成后执行自定义的回调函数。response 包含加载的数据,status 包含请求的状态,xhr 是 XMLHttpRequest 对象。
3. 从服务器加载指定选择器的内容到元素中:
$('#targetElement').load('your_html_file.html #specificElement');
这将只加载 your_html_file.html 中具有 id="specificElement" 的元素的内容到具有 id="targetElement" 的元素中。
4. 从服务器加载数据,并传递数据到服务器:
$('#targetElement').load('your_api_endpoint', { key: 'value' });
这会将 { key: 'value' } 对象作为数据发送到 your_api_endpoint,并将服务器返回的内容加载到具有 id="targetElement" 的元素中。
这只是 .load() 方法的一些用法。该方法是一个方便的快捷方式,适用于简单的 AJAX 操作。对于更复杂的操作,可能需要使用 .ajax() 方法,以提供更多的配置选项。
转载请注明出处:http://www.zyzy.cn/article/detail/12892/jQuery