DivにAJAX応答データを追加

Question

次のコードに問題がありますが、必要なデータを取得しますが、実行時にコンソールに表示されるdiv #playercontentに追加されません。

PHP、Slim、HTML、JSONで作業する。それをクリアする。

$(document).ready(function(){ 


$.ajax({ 
type: 'GET', 
dataType: "json", 
url: "db.php/players", 
success: showResponse, 
error: showError 
}); 

}); 




console.debug("error"); 

function showResponse(responseData){ 

    $("#get1").click(function getPlayers(responseData) { 
    console.log('Image is clicked'); 
    console.log(responseData); 
    $.each(responseData.player, function(index, player){ 
     console.log(' is '); 
     $("#playercontent").append(" </br>Player Position:" +player.PlayerPosition+"</br> Full Name:" +player.PlayerName+ " "+player.PlayerLastName+" </br>Team Name:" +player.TeamName); 
      // $("#playercontent").append("</li>"); 
     console.log('Data should output'); 
    }); 
    }); 

console.log(responseData); 
    } 
    console.debug("hello"); 

function showError(){ 
alert("Sorry, but something went wrong. Fix it!!!!") 
} 

Answer 1

#playercontent div要素にデータを追加するためのコードは、あなたのAJAXリクエストの成功ハンドラ内のOnClickイベントハンドラ内です。 .ajax成功のコールバック内にいるためクリックが発生しないため、実行されません。 onclickハンドラの外側にあるresponseDataを反復するコードを、showResponse関数内に直接移動してみてください。

またconsole.debug("error");とconsole.debug("hello");メッセージは、すべてのページリクエストが表示され、.ajax呼び出しが発生する前に...