Question

我正在阅读有关jquery加载方法的内容。我不知道是否有办法在两个不同的容器中加载响应的两个不同部分，只使用一个ajax调用，如：

$( "#b" ).load( "article.html #targetInB" );
$( "#a" ).load( "article.html #targetInA" );

但使用单个ajax调用。

提前致谢。

Answer 1

我不认为它是内置的。但是，您可以暂时将整个内容加载到隐藏元素中，然后将其从那里移动到目标元素。这会将AJAX调用的数量减少到1：

$('#temp').load("article.html", function() {
  $('#a').append($('#temp #targetInA'));
  $('#b').append($('#temp #targetInB'));
});

这里我使用.load的可选回调功能在从AJAX调用返回结果后进行后处理。 #temp div从AJAX获取全部内容。然后将每个单独的部分附加到相应的div。