0

jQuery ajax のヘルプが必要です。現在、XML ファイルへの ajax 呼び出しによって入力されるメイン コンテンツ div があります。XML ファイルは、db 結果セットから生成されます。これはすべて正常に機能しています。ajax 呼び出しはボタンのクリックによって起動されますが、それを変更したいと考えています。

タイトルのリストを入力した別の div があります。私が望んでいるのは、タイトルがクリックされたときに、メイン コンテンツ div がそのタイトルに関連するデータで更新されることです。これを行うための最良の方法は何だろうと考えていました。ajax 呼び出しを行うクリック可能な div を作成する必要がありますか? もしそうなら、どの 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 に答える