使用jquery .load()一次加载多个片段

时间:2010-10-21 23:42:48

标签: ajax dom jquery page-fragments

我正在使用以下代码

加载一些带有jquery的片段
var box = $(this).closest(".product-contain").children(".title:first");
box.load(url + " .maintitle", data);
var box = $(this).closest(".product-contain").children(".detail:first");
box.load(url + " .alldetail", data);

(我不想立刻加载整个.product-contains,因为部分内容正由用户同时编辑)

但它会向服务器发出2个相同内容的请求。

我可以用一个请求以某种方式做到这一点吗?

谢谢!

1 个答案:

答案 0 :(得分:3)

你可以做一个$.get()并加载自己的内容,如下所示:

 var pc = $(this).closest(".product-contain");
 $.get(url, data, function(html) {
   var resp = $(html);
   pc.children(".title:first").html(resp.find(".maintitle"));
   pc.children(".detail:first").html(resp.find(".alldetail"));
 });

这可能看起来有点奇怪,但带有jQuery对象的.html().empty().append()的快捷方式。