沒資料處理

ArkCard-web/goto.js

@@ -31,54 +31,60 @@ function collection(collectuserid='') {
     dataType: "json",
   })
   .done(function (msg) {
-    for (var i in msg) {
-      for(var j in msg[i]) {
-        collectcontent += '\
-          <div class="collectcontent col">\
+    console.log('msg.length = ' + msg.length); // test
+
+    if (msg.length > 0) {
+      for (var i in msg) {
+        for(var j in msg[i]) {
+          collectcontent += '\
+            <div class="collectcontent col">\
+              <input style="display: none;" type="checkbox" value="'+ msg[i][j].id + '" name="nftid" id="' + msg[i][j].id + '">\
+              <label for="'+ msg[i][j].id + '">\
+                <div class="collectcard card h-100">\
+                  <a target="_blank">\
+                    <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
+                  </a>\
+                  <div class="card-body p-2">\
+                      <a target="_blank">\
+                          <h5 class="card-title pt-3">'+ msg[i][j].title + '</h5>\
+                      </a>\
+                  </div>\
+                </div>\
+              </label>\
+            </div>';
+          /*
+          collectcontent += '\
+            <div class="collectcontent col">\
             <input style="display: none;" type="checkbox" value="'+ msg[i][j].id + '" name="nftid" id="' + msg[i][j].id + '">\
             <label for="'+ msg[i][j].id + '">\
-              <div class="collectcard card h-100">\
+            <div class="collectcard card h-100">\
                 <a target="_blank">\
-                  <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
+                    <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
                 </a>\
                 <div class="card-body p-2">\
                     <a target="_blank">\
                         <h5 class="card-title pt-3">'+ msg[i][j].title + '</h5>\
                     </a>\
-                </div>\
+                    <p class="card-text">\
+                        '+ msg[i][j].context + ' \
+                    </p>\
+                    <p class="card-text row">\
+                        <small class="text-muted col-6 px-1">\
+                            <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
+                                src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+ msg[i][j].cost + '</span>\
+                        </small>\
+                        <small class="price col-6 px-0 text-center">\
+                            <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><sp    an>'+ msg[i][j].likes + '</span></small>\
+                          </p>\
+                  </div>\
               </div>\
-            </label>\
-          </div>';
-        /*
-        collectcontent += '\
-          <div class="collectcontent col">\
-          <input style="display: none;" type="checkbox" value="'+ msg[i][j].id + '" name="nftid" id="' + msg[i][j].id + '">\
-          <label for="'+ msg[i][j].id + '">\
-          <div class="collectcard card h-100">\
-              <a target="_blank">\
-                  <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
-              </a>\
-              <div class="card-body p-2">\
-                  <a target="_blank">\
-                      <h5 class="card-title pt-3">'+ msg[i][j].title + '</h5>\
-                  </a>\
-                  <p class="card-text">\
-                      '+ msg[i][j].context + ' \
-                  </p>\
-                  <p class="card-text row">\
-                      <small class="text-muted col-6 px-1">\
-                          <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
-                              src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+ msg[i][j].cost + '</span>\
-                      </small>\
-                      <small class="price col-6 px-0 text-center">\
-                          <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><sp    an>'+ msg[i][j].likes + '</span></small>\
-                        </p>\
-                </div>\
-            </div>\
-            </label>\
-          </div>';
-        */
+              </label>\
+            </div>';
+          */
+        }
       }
+    } else { // 沒資料
+      collectcontent += '<p>您可以到我們的「NFT商店」頁面，去購買您喜愛的NFT收藏品哦！</p>';
     }
 
     $('.sec05-moblie-container').html(collectcontent);