【问题标题】:How to Populate multiple divs using jQuery's ajax?如何使用 jQuery 的 ajax 填充多个 div?
【发布时间】:2011-07-23 10:29:05
【问题描述】:

我试图了解 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(?????);
        });
    });
});

【问题讨论】:

    标签: php jquery xml ajax html


    【解决方案1】:

    你试过了吗? 第一个贴花变量

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

    & 然后在each

       title+ = $(this).find("Title").text();
       rating+ = $(this).find("Rating").text();
    
        $("#titleDiv").html(title);
        $("#ratingDiv").html(rating);
    

    【讨论】:

    • 确实……没用。我认为这也是最有意义的。我做了一个警报(评级),其中包含正确的值。但它仍然没有填充div。我确实设法用数据(标题)填充了评级 div,所以这也不是问题......
    • 你有多个 div 还是只有两个 div titlerating??
    • 不错,我明白了,我的变量是函数的本地变量。我不得不像你说的那样在外面申报。干杯!!!而且我有很多 div 只是为了发布而将其缩短到 2。再次感谢
    • 没关系 - 我看到你理解 diEcho 关于在函数范围之外声明变量的观点。我以为你说你已经这样做了,但没有用。
    • @Tim,谢谢蒂姆,“确实……没用”是 diEcho 的帖子,他随后对其进行了编辑以包含局部变量问题。再次感谢您抽出宝贵时间。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-10
    • 1970-01-01
    • 1970-01-01
    • 2020-04-15
    • 1970-01-01
    相关资源
    最近更新 更多