.load() 方法是 jQuery 提供的一个简便的 AJAX 方法,用于从服务器加载数据并将其加载到元素中。这个方法有多种用法,以下是一些常见的示例:

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