質問: こんばんは、プログラムの勉強でECサイトのようなものを作ろうと思っています。 現状として商品一覧のページを作ることには成功しました。 しかしブートストラップのナビゲーションバーにOUTER,INNER、などジャンル別に商品を表示できるよう、絞込を行ったところで、つまづきました。 商品にはそれぞれgenre_idをふってあり、(例えばOUTERはgenre_id1,INNERはgenre_id2) ナビゲーションバーにあるジャンルをクリックするとそのジャンルの商品のみが閲覧できるといった形にしたいです。 DBからデータは取得済みです。 お知恵を貸していただけるとうれしいです。 以下Jquery、html ``` ``` (document).ready(function(){ $.get("http://127.0.0.1:5000/product", function(data){ console.log(data); console.log(JSON.stringify(data)); //HTMLを初期化 $('.row').html(""); //HTMLを生成 $(data).each(function(){ $('' + '' + '' + '【商品名】' + ''+ '' + this.title + ''+ '' + '【販売元】' + ''+ '' + this.manufacture + ''+ '' + '【在庫数】' + ''+ '' + this.stock + ''+ '' + '【価格】' + ''+ '' + this.price + "円" + '' + '' + '購入する' + '' + '' ).appendTo('.row') //在庫0売り切れ表示 if(this.stock==0){ $('#product_stock_' + this.id).html("売り切れ").css('color','red'); } }); }); }); //絞り込み検索 $("#outer").click(function(){ }); HTML一部抜粋 Top Outer Inner Backpack Footwear Tent Burner Cart User: 【商品名】 S/S DRYCREW 【販売元】 THE NORTH FACE 【在庫数】 100 【価格】 3,856円 ``` ```
回答: get関数をジャンル絞り込みか、全件表示かをif文で分け、APIも対応するよう書き直しました