匿名質問者

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>

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2016/03/22 00:55:03

回答0件)

回答はまだありません

コメントはまだありません

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

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません