JQueryについて私に教えてください。

Question

私のウィジェットは、JQueryの最初の本当のベンチャーであり、私は最後の問題を理解することができません。私はこの記事の一番下にJSON Arrayを追加しました。なぜ私のJQuery.eachの最後の2つのスクリプト行がリストされていますが、フィールドを与えず、代わりにUndefinedを与えるのかを調べようとしています。

<script> 
    var jsonURL = "//myurl.com/api.php/content_data?filter[]=date_activation,lte,9/16/2017&filter [] = date_expiration, is, & filter[] = publish, eq, public & columns = id_cr, title, teaser & order = title & page = 1 "; 
    jQuery(document).ready(function() { 
     jQuery.ajax({ 
     url: jsonURL, 
     success: searchCallback 
     }); 
    }); 

    function searchCallback(data) { 
     jQuery(".here").append(data.content_data.results); 
     var content_data = data.content_data; 
     jQuery.each(content_data, function(index, content_dat) { 
     console.log(index, content_dat); 

      jQuery(".here").append('<h1>' + content_dat.title + '</h1>'); 
     jQuery(".here").append('<p>' + content_dat.id_cr + '</p>'); 

     }); 
    }; 
</script> 

JSON Array: 
content_data  
columns  
    0 "id_cr" 
    1 "teaser" 
    2 "title" 
records  
    0 
    0 69425 
    1 "<p>Hurricane Harvey has been one of the strongest weather storms to hit the U.S. this year and has caused severe flooding in Texas and parts of Louisiana.</p>" 
    2 "Hurricane Harvey Aftermath" 
results 1 

Answer 1

は、名前付きフィールドを持つオブジェクトではなく配列です。 titleフィールドとid_crフィールドはありません。あなたのような添字（[]）を経由して、配列の各要素にアクセスするには、任意の他の配列になります。あなたは `content_dat.title`が未定義であることを

jQuery(".here").append('<h1>' + content_dat[2] + '</h1>'); 

jQuery(".here").append('<p>' + content_dat[0] + '</p>');