

productsの中にあるproduct_idの番号を取得してnameやmain_imageを取得してJqueryで表示させたい場合、どのような記述が必要なんでしょうか。おしえてください。

[code]

    {
        "products": [
            {
                "product_id": "11",
                "product_code_min": "inf02",
                "product_code_max": "inf02",
                "name": "インフルブロックのどあめ ブルーベリー味",
                "comment1": null,
                "comment2": null,
                "comment3": null,
                "main_list_comment": "<燕の巣を使った奇跡のキャンディ>",
                "main_image": "11020721_56369067217cb.jpg",
                "main_list_image": "11020721_563690672a095.jpg",
                "main_large_image": "11020721_56369067196de.jpg",
                "price01_min": null,
                "price01_max": null,
                "price02_min": "2500",
                "price02_max": "2500",
                "stock_min": null,
                "stock_max": null,
                "stock_unlimited_min": "1",
                "stock_unlimited_max": "1",
                "deliv_date_id": "2",
                "status": "1",
                "del_flg": "0",
                "update_date": "2017-08-24 10:14:46",
                "price01_min_inctax": null,
                "price01_max_inctax": null,
                "price02_min_inctax": 2700,
                "price02_max_inctax": 2700,
                "price01_min_format": "0",
                "price01_max_format": "0",
                "price02_min_format": "2,500",
                "price02_max_format": "2,500",
                "price01_min_inctax_format": "0",
                "price01_max_inctax_format": "0",
                "price02_min_inctax_format": "2,700",
                "price02_max_inctax_format": "2,700",
                "price01_min_tax_format": "0",
                "price01_max_tax_format": "0",
                "price02_min_tax_format": "2,700",
                "price02_max_tax_format": "2,700",
                "papc2": {
                    "value_id": "103",
                    "product_id": "11",
                    "column_id": "2",
                    "value": "11181905_564c4d7b4000e.jpg",
                    "name": "サムネイル画像01",
                    "type": "image",
                    "required": "0",
                    "max_length": null
                },
                "papc3": {
                    "value_id": "104",
                    "product_id": "11",
                    "column_id": "3",
                    "value": "01271507_588ae396af94a.jpg",
                    "name": "サムネイル画像02",
                    "type": "image",
                    "required": "0",
                    "max_length": null
                },
                "papc4": {
                    "value_id": "101",
                    "product_id": "11",
                    "column_id": "4",
                    "value": "東京都",
                    "name": "原産地",
                    "type": "text",
                    "required": "0",
                    "max_length": "50"
                },
                "papc5": {
                    "value_id": "102",
                    "product_id": "11",
                    "column_id": "5",
                    "value": "常温",
                    "name": "常温・冷蔵・冷凍",
                    "type": "text",
                    "required": "0",
                    "max_length": "50"
                }
            }
    
[/code]


CC BY-SA 4.0
2018-09-19T06:00:57.993
48536
2018-09-19T10:01:16.403
25400
question
jquery json
Jsonの中にある情報の取り出し方を知りたい


productsの内容をリスト表示するサンプルコードを知りたいという質問でしたら、下記のサンプルコードが参考になるでしょうか。

[code]

    <html>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <script>
        function showProducts() {
            var data = {
            "products": [
                {
                    "product_id": "11",
                    "name": "インフルブロックのどあめ ブルーベリー味",
                    "main_image": "11020721_56369067217cb.jpg",
                    "papc2": {
                        "value_id": "103",
                        "product_id": "11" 
                    }
                },
                {
                   "product_id": "12",
                   "name": "タミフルブロックのどあめ ブラックベリー入り",
                   "main_image": "11020721_56369067217cb.jpg",
                   "papc2": {
                       "value_id": "104",
                       "product_id": "12" 
                   }
                }
            ]}
            var products = data.products;
            for(var i in products){
                $("#output").append("<li>" + products[i].product_id + " : " + products[i].name + "<img src=\"" + products[i].main_image + "\"/></li>");
            }
        }
        </script>
    <body onload="showProducts()">
        <ul id="output"></ul>
    </body>
    </html>
    
[/code]

もし「質問文のJSONが不正なのでエラーが発生する」「外部のURLからJSONが取得できない」「自作のスクリプトで期待通りの表示ができない」など、別の内容で困っているならば
@OOPer さんの指摘通り、作成中のコードや要件を明示するとより適切な回答が得やすいと思います。


CC BY-SA 4.0
2018-09-19T10:01:16.403
48549
2018-09-19T10:01:16.403
9820
48536
answer