javascript - Ajax リクエストが undefined を返す

Question

次の ajax リクエストがあります。

$.ajax({
    type:'POST',
    url:'../php/anmelden_info.php',
    data:{
        kat :  'Freizeitfussballer'
    },
    success: function(data){
        alert(data[0].anmelde_info);
    }
});

どのアラートundefinedが表示されますが、コンソールに移動して答えを探すと、次のようになるため、理由はわかりません。

[{"kategorien_id":"3","kat_name":"Fasnacht","anmelde_info":"\n<b>Informationen:.... ......<\/b>\n<br \/>\nDer Turniereinsatz betr\u00e4gt 100.- pro Mannschaft."}]

何が間違っているのかわかりません！

Answer 1

次のようdataType: jsonにjquery呼び出しで 設定します

 $.ajax({
    type:'POST',
     url:'../php/anmelden_info.php',
     data:{ kat :  'Freizeitfussballer'},
     dataType: json,
     success: function(data){
      console.dir(data);
     }
    });

またはうまくいかない場合は、これを試してください

 $.ajax({
    type:'POST',
     url:'../php/anmelden_info.php',
     data:{ kat :  'Freizeitfussballer'},
     dataType: json,
     success: function(data){
     data = JSON.parse(data);
     console.dir(data);
     }
    });

Answer 2

Try the below code first whilst you have the developer tools open in either Firebug or Chrome.  This will show you the structure of the data obejct passed into the sucess method.

$.ajax({
    type:'POST',
     url:'../php/anmelden_info.php',
     data:{
      kat :  'Freizeitfussballer'
     },
     success: function(data){
      console.dir(data);
     }
    });

Answer 3

$.each()あなたの成功関数で使用する必要があります：

success: function(data){
    $.each(data, function(i, item){
       console.log(data.anmelde_info);
    });
}

console.log()そして、より良いデバッグのために使用することをお勧めします。