From eee29c375023cb7c6d1aec1748f85dee9cada12f Mon Sep 17 00:00:00 2001
From: wang_chengh <13383929+wang_chengh@user.noreply.gitee.com>
Date: Fri, 22 Sep 2023 11:20:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0disen=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/fw.html | 68 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 41 insertions(+), 27 deletions(-)
diff --git a/www/fw.html b/www/fw.html
index aaa3a8e..890f459 100755
--- a/www/fw.html
+++ b/www/fw.html
@@ -36,11 +36,11 @@
 
 <body>
     <div>
-        <form onsubmit="return post_ip(this);" class="blackfrom">
+        <form class="blackfrom">
             <label>ip地址:</label>
-            <input name="ipaddr">
-            <button type="submit">添加</button>
-            <button type="button" id="del">删除</button>
+            <input name="ipaddr" id="ipInputID">
+            <button type="button" onclick="add_ip()">添加</button>
+            <button type="button" id="del" onclick="del_ip()">删除</button>
         </form>
         <table class="balckTable back" width="250" align="center" border="1" cellspacing="0">
             <thead>
@@ -52,7 +52,8 @@
         </table>
     </div>
     <script>
-        window.onload = function () {
+
+        function loadData() {
             fetch("/cgi-bin/fw.cgi").then(resp => resp.json()).then(data => {
                 blackTableBody.innerText = "";
                 data.forEach(rowData => {
@@ -64,37 +65,50 @@
                     tr.append(td1);
                     blackTableBody.append(tr);
                 });
-            }
-            )
+            })
+
+        }
+        window.onload = function () {
+            loadData();
 
-            let del = document.getElementById("del");
-            del.addEventListener("click", (event) => {
-                fetch("/cgi-bin/send.cgi").then(resp => resp.json()).then(data => {
-                    if (data.code == 1) {
-                        alert("删除成功!");
-                    }
-                })
-            }
-            )
         }
 
-        function post_ip(form) {
-            let form_data = {
-                ip: form.ipaddr.value
+        function add_ip() {
+            let url = "/cgi-bin/send.cgi";
+            let data = {
+                "code": 0,
+                "ip": ipInputID.value.trim()
             };
-            fetch("/cgi-bin/send.cgi", {
+
+            fetch(url, {
                 method: "post",
-                body: JSON.stringify(form_data),
+                body: JSON.stringify(data),
                 headers: {
                     "Content-Type": "application/json;charset=utf-8"
                 }
-            }).then(resp => resp.json()).then(data => {
-                if (data.code == 0) {
-                    alert("添加成功!");
+            }).then(resp => resp.json()).then(d => {
+                console.log(d);
+                loadData();
+            });
+        }
+
+        function del_ip() {
+            let url = "/cgi-bin/send.cgi";
+            let data = {
+                "code": 1,
+                "ip": ipInputID.value.trim()
+            };
+
+            fetch(url, {
+                method: "post",
+                body: JSON.stringify(data),
+                headers: {
+                    "Content-Type": "application/json;charset=utf-8"
                 }
-            })
-            onload();
-            return false;
+            }).then(resp => resp.json()).then(d => {
+                console.log(d);
+                loadData();
+            });
         }
     </script>
 </body>
