arp表中添加黑名单显示

www/arp.html

@@ -42,8 +42,31 @@
             </tbody>
         </table>
     </div>
+    <div style="display: none;">
+        <table id="balckTable" width="250" align="center" border="1" cellspacing="0">
+            <thead>
+                <th>ip地址</th>
+            </thead>
+            <tbody id="blackTableBody" align="center">
+
+            </tbody>
+        </table>
+    </div>
     <script>
-        window.onload = function () {
+
+        var blackData;
+        function loadBlackData() {
+            fetch("/cgi-bin/fw.cgi").then(resp => resp.json()).then(data => {
+                blackData = data;
+
+                loadData();
+            })
+
+        }
+
+        function loadData() {
+
+
             fetch("/cgi-bin/arp.cgi").then(resp => resp.json()).then(data => {
                 arpTableBody.innerText = "";
                 data.forEach(rowData => {
@@ -57,10 +80,23 @@
                     td3.innerText = rowData.mac;
 
                     tr.append(td1, td2, td3);
+
+
+                    for (let i = 0; i < blackData.length; i++) {
+                        if (blackData[i].ip == rowData.ip) {
+                            tr.style = "color:red;";
+                            break;
+                        }
+                    }
                     arpTableBody.append(tr);
                 });
+            })
         }
-            )
+
+
+
+        window.onload = function () {
+            loadBlackData();
         }
     </script>
 </body>