use post method

robertsource · robertsource · commit 39fd25df0163 · 2023-01-31T23:09:20.000-05:00
diff --git a/5.rest-api-express/public/css/app.css b/5.rest-api-express/public/css/app.css
@@ -0,0 +1 @@
+body {padding:0;}
diff --git a/5.rest-api-express/public/js/1.js b/5.rest-api-express/public/js/1.js
@@ -0,0 +1 @@
+var x=10;
diff --git a/5.rest-api-express/public/js/jquery-3.6.3.min.js b/5.rest-api-express/public/js/jquery-3.6.3.min.js
diff --git a/5.rest-api-express/resource/data/users.json b/5.rest-api-express/resource/data/users.json
@@ -18,5 +18,5 @@
        "password" : "password3",
        "profession" : "clerk",
        "id": 3
-    }
+    } 
  }
diff --git a/5.rest-api-express/server.js b/5.rest-api-express/server.js
@@ -1,7 +1,11 @@
+var appRoot = require('app-root-path');
+const path = require('path');
+
 var express=require('express');
 var app=express();
 var fs = require("fs");
 
+
 var db=require('./service/database');
 
 
@@ -15,9 +19,12 @@ var user = {
    }
 }
 
+// public permisssion
+app.use('/public', express.static('public'));
 
 app.get('/',(req,res)=>{ 
-    res.end( 'server on working!');
+   // res.end( 'server on working!');
+   res.sendFile(__dirname + "/views/" + "index.html");
  });
 
 
diff --git a/5.rest-api-express/test.js b/5.rest-api-express/test.js
diff --git a/5.rest-api-express/views/index.html b/5.rest-api-express/views/index.html
@@ -0,0 +1,98 @@
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+
+  <script src="/public/js/jquery-3.6.3.min.js"></script>
+  <link rel="/public/css/app.css" href="styles.css">
+
+  <style type="text/css">
+    .main {
+      width: 800px;
+      margin: 100px auto;
+      padding-bottom: 200px;
+      ;
+    }
+
+    .result {
+      color: white;
+      display: none;
+      padding: 30px;
+
+      background-color: #71cfa4;
+    }
+
+    input {
+      width: 150px;
+      height: 40px;
+    }
+
+    form {
+      background-color: aqua;
+      padding: 30px;
+    }
+  </style>
+
+  <script type="text/javascript">
+    $(document).ready(function () {
+
+      $("#btn_adduser").click(function () {
+        // alert('call ajax method success!');
+        $.post("/addUser", function (data, status) {
+          // alert("Data: " + data + "\nStatus: " + status);
+          // $("#result").fadeOut();
+          $("#result").fadeOut(1000)
+          $('#result').text(JSON.stringify(JSON.parse(data), undefined, 2));
+          $("#result").fadeIn(1000);
+        });
+
+
+
+        // fetch('/addUser', {
+        //   method: 'POST',
+        //   headers: {
+        //     'Accept': 'application/json',
+        //     'Content-Type': 'application/json'
+        //   },
+        //   body: JSON.stringify({ "id": 78912 })
+        // })
+        //   .then(response => response.json())
+        //   .then(response => console.log(JSON.stringify(response)))
+
+
+
+      });
+
+    });
+
+
+  </script>
+
+
+</head>
+
+<body>
+  <div class="main">
+
+    <p>Form action</p>
+    <form action="/addUser" method="post">
+
+      <input type="submit" value="Submit">
+    </form>
+
+    <div>
+      <p>Ajax action</p>
+      <input type="submit" id="btn_adduser" value="Submit Ajax">
+      <p>Result</p>
+      <pre id="result" class="result"></pre>
+    </div>
+
+  </div>
+
+
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -1,9 +1,11 @@
 {
   "dependencies": {
+    "app-root-path": "^3.1.0",
     "cookie-parser": "^1.4.6",
-    "express": "^4.18.2", 
+    "express": "^4.18.2",
     "msnodesqlv8": "^3.0.1",
     "mssql": "^9.0.1",
-    "nodemon": "^2.0.20"
+    "nodemon": "^2.0.20",
+    "path": "^0.12.7"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -18,5 +18,5 @@`
`18`	`18`	`"password" : "password3",`
`19`	`19`	`"profession" : "clerk",`
`20`	`20`	`"id": 3`
`21`		`- }`
	`21`	`+ }`
`22`	`22`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,11 @@`
`1`	`1`	`{`
`2`	`2`	`"dependencies": {`
	`3`	`+ "app-root-path": "^3.1.0",`
`3`	`4`	`"cookie-parser": "^1.4.6",`
`4`		`- "express": "^4.18.2",`
	`5`	`+ "express": "^4.18.2",`
`5`	`6`	`"msnodesqlv8": "^3.0.1",`
`6`	`7`	`"mssql": "^9.0.1",`
`7`		`- "nodemon": "^2.0.20"`
	`8`	`+ "nodemon": "^2.0.20",`
	`9`	`+ "path": "^0.12.7"`
`8`	`10`	`}`
`9`	`11`	`}`