質問編集履歴

JS部分を追記いたしました。

2018/02/28 08:53

投稿

yaskaa

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -109,3 +109,205 @@
 何卒、お力添えいただければ嬉しいです。
 宜しくお願いいたします。
+###追記
+「思いつく限り試してみたのですが」と先述いたしましたが、
+現状は以下のようになっております。
+```javascript
+(function ($) {
+  var readcsvFx = function(){
+    var csvMaster;
+    var csvList;
+    var insert = '';
+    //個別CSV
+    $.ajax({
+      type: 'get',
+      url: 'csv/list.csv',
+    }).then(
+      //通信成功時
+      function (dataList) {
+        csvList = $.csv()(dataList);
+        //商品番号を配列で取得
+        var itemPlace_Arr = [];
+        var itemNum_Arr = [];
+        for (var i = 1; i < csvList.length; i++) {
+          var itemPlace = csvList[i][1]; //表示箇所
+          var itemNum = csvList[i][2]; //商品番号
+          itemPlace_Arr.push(itemPlace);
+          itemNum_Arr.push(itemNum);
+        }
+        //マスターCSV
+        $.ajax({
+          type: 'get',
+          url: 'csv/master.csv',
+        }).then(
+          //通信成功時
+          function (dataMaster) {
+            csvMaster = $.csv()(dataMaster);
+            insert += '<ul>';
+            for (var i = 1; i < csvMaster.length; i++) {
+              var itemNum_M = csvMaster[i][2]; //商品番号
+              if (itemNum_Arr.indexOf(itemNum_M) >= 0) {
+                insert += '<li><ul>';
+                insert += '<li>';
+                insert += csvMaster[i][2];
+                insert += '/li>';
+                insert += '<li>';
+                insert += csvMaster[i][3];
+                insert += '/li>';
+                insert += '<li>';
+                insert += csvMaster[i][4];
+                insert += '/li>';
+                insert += '</ul></li>';
+              }
+            }
+            insert += '</ul>';
+            for (var j = 1; j < csvList.length; j++) {
+              var target;
+              if (csvList[j][1] === "insert1") {
+                  target = '#insert1';
+              } else if (csvList[j][1] === "insert2") {
+                  target = '#insert2';
+              } else if (csvList[j][1] === "insert3") {
+                  target = '#insert3';
+              } else if (csvList[j][1] === "insert4") {
+                  target = '#insert4';
+              }
+              console.log(j+ '：' + csvList[j][2]);
+              $(target).append(insert);
+            }
+          },
+          //通信失敗時
+          function (dataMaster) {
+            alert("error");
+          }
+        );
+      },
+      //通信失敗時
+      function (dataList) {
+        alert("error");
+      }
+    );
+  };
+  //実行
+  $(document).ready(function () {
+    readcsvFx();
+  });
+})(jQuery);
+```
+ちなみにCSVの読み込みにはライブラリ「jquery.csv.js」を使用しています。
+*配布元が見当たらなくなっております。ご了承ください。