如何使用jQuery的ajax填充多个div?

时间:2011-03-26 10:23:43

标签: php jquery xml ajax html

我试图了解jQuery的Ajax。我有一个由多个div组成的页面。我还有一个从MySql结果集生成的XML文档。

在下面的jQuery函数中,我可以使用数据填充titleDiv。我的问题是如何在不必从头构建页面的情况下填充页面上的其他div?我希望这是有道理的......

$(document).ready(function() {
    $("#getData").click(function(){
        var data = "";
        $.get("phpAjax.php", function(theXML){
            $('row',theXML).each(function(i){
                var title = $(this).find("Title").text();
                var rating = $(this).find("Rating").text();
                data = data + title; 
            });
            $("#titleDiv").html(data);
            $("#ratingDiv").html(?????);
        });
    });
});

1 个答案:

答案 0 :(得分:1)

你试过吗? 首先声明变量

 var title='';
 var rating ='';

&安培;然后在each

   title+ = $(this).find("Title").text();
   rating+ = $(this).find("Rating").text();

    $("#titleDiv").html(title);
    $("#ratingDiv").html(rating);