匿名質問者匿名質問者回答ポイント なしウォッチ

WordpressのプラグインWP REST APIで取得したJSONの表示


javascriptでHTMLに出力しようとしています。
その際、ネストされた要素(カスタムフィールド)を出力しようとすると上手く表示されず困っています。
①PCのGoogleChrome→カスタムフィールドも問題なく出力される。
②ChromeのDeveloper Toolsのデバイス切り替えでiPhoneやAndroid→何も表示されず、Consoleのエラーでは
「Uncaught TypeError: Cannot read property 'customfield1' of undefined」
との表示。
カスタムフィールドはjson_prepare_post フィルターを使い、出力させており、整形して確認しましたが、特に表記に問題はありませんでした。

Javascript初心者で申し訳ないのですが、よろしくお願いします。


▼JSON
[
{
"title": "記事タイトル",
"content": "コンテンツ",
〜〜〜
"post_meta": {
"customfield1": "カスタムフィールド1",
"customfield2": "カスタムフィールド2",
},
〜〜〜

▼ソース
<script>
$(document).ready(function () {
$.getJSON("【wordpressのURL】", function(data){
for(var i in data){
$(".list").append("<h1>"+ data[i].title + "</h1><p>"+ data[i].content + "</p><p>"+ data[i].post_meta.customfield1+ "</p>");
}
});
});
</script>

ログインして回答する
回答がありません

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2016-03-15 00:54:55
終了日時
2016-03-22 00:55:03
回答条件
1人5回まで 13歳以上

この質問のカテゴリ

この質問に含まれるキーワード

REST API6JavaScript2781Android1409wordpress1195chrome570GoogleChrome52iPhone2074プラグイン1431JSON138HTML5036WP217Console77URL11376デバイス853

人気の質問

メニュー

PC版