0

我需要一些 jQuery ajax 帮助。我目前有一个由对 XML 文件的 ajax 调用填充的主要内容 div。XML 文件是从 db 结果集生成的。这一切都很好。ajax 调用是通过单击按钮触发的，但我希望更改它。

我有另一个 div，其中填充了标题列表。我希望发生的是，当单击标题时，应该使用与该标题相关的数据来更新主要内容 div。我想知道这样做的最佳方法是什么。我应该创建一个可点击的 div 来进行 ajax 调用吗？如果是这样，我如何区分在主要内容 div 的代码中单击了哪个 div。我希望这是有道理的......这是我填充列表的代码

$(document).ready(function() {
    $("#getData").click(function() {
        var $title = "";
        $.get("phpAjaxMovieListingTotal.php", function(theXML) {
            $('row',theXML).each(function(i) {
                $title = $(this).find("Title").text();
            });
            $("#movieListingContentDiv").html($title);
        });
    });
});
4

1 回答 1

1

好的，有关从 xml 加载的可点击 div 列表，请查看演示。 演示

这是代码：

function movieTitle_Clicked (title)
{
    alert("Movie title '"+title+"' clicked");
}
function GetMovies ()
{
    $.post("THEXML.php", function(data){

        $('row title',data).each(function(i){
            var title = $(this).text();
            $('#container').append('<div onClick="javascript:movieTitle_Clicked(\''+title+'\')">'+title+'</div>');
        });
    }, 'xml');
}
$(document).ready(function() {
      GetMovies();
});
于 2011-03-27T19:18:37.843 回答