w33ble/express-verbose-requests
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: w33ble:f19e9fe356a9206699272ba4865cc83f42fb560b
Branches Tags
w33ble:main
..
compare: w33ble:7b7eb4db7f5da1052c83ecb26a1d13351111ec52
Branches Tags
w33ble:main

2 Commits
f19e9fe356 ... 7b7eb4db7f

Author SHA1 Message Date
Joe Fleming
7b7eb4db7f feat: server html form 2021-07-23 16:05:33 -07:00
Joe Fleming
e0d1f50710 feat: verbose request output 2021-07-23 16:03:23 -07:00
2 changed files with 62 additions and 0 deletions
Expand all files Collapse all files

52
public/index.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<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" />
<link
rel="stylesheet"
href="https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.min.css"
/>
<title>Request Demo</title>
</head>
<body>
<h1>Request Demo</h1>
<h2>Basic POST Form</h2>
<form id="post-form" method="POST" target="/">
<input name="field" />
<button type="submit">Submit</button>
</form>
<h2>Basic AJAX Form</h2>
<form id="ajax-form" method="POST" target="/">
<input name="field" />
<button type="submit">Submit</button>
</form>
<script>
async function submitForm(evt) {
// stop default form behavior
evt.preventDefault();
const target = evt.target;
const input = target.querySelector("input").value;
await fetch("/form", {
method: "POST",
body: JSON.stringify({ input }),
headers: {
"Content-Type": "application/json",
},
});
alert("Submitted!")
}
const form = document
.querySelector("#ajax-form")
.addEventListener("submit", submitForm, false);
</script>
</body>
</html>

10
src/index.js
View File

@@ -1,5 +1,6 @@
const express = require('express');
const cors = require('cors');
const fs = require('fs/promises');
const PORT = process.env.PORT || 8080;
@@ -9,9 +10,18 @@ app.use(cors());
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.get('/form', async (req, res) => {
const html = await fs.readFile('public/index.html');
res.setHeader('Content-Type', 'text/html');
res.send(html);
res.end();
});
app.use(function (req, res) {
const info = {
method: req.method,
url: req.url,
headers: req.headers,
body: req.body,
};