expressApp

95088df6 · Carlos Vitorino · 6d330947 · 95088df6 · 95088df6 · 95088df6
Commit 95088df6 authored Mar 09, 2018 by Carlos Vitorino
Showing with 102 additions and 0 deletions
expressApp/index.html
expressApp/index.js
expressApp/package-lock.json
expressApp/package.json
--- a/expressApp/index.html
+++ b/expressApp/index.html
+<head>
+  <title>NodeJS Express Form Example</title>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+</head>
+<body>
+  <form id="foo">
+      <label for="bar">Nome</label>
+      <input id="name" name="name" type="text" value="" />
+      <label for="bar">e texto</label>
+      <input id="text" name="text" type="text" value="" />
+      <input type="submit" value="Enviar" />
+  </form>
+</body>
+
+<script>
+// Variable to hold request
+var request;
+
+// Bind to the submit event of our form
+$("#foo").submit(function(event){
+
+    // Prevent default posting of form - put here to work in case of errors
+    event.preventDefault();
+
+    // Abort any pending request
+    if (request) {
+        request.abort();
+    }
+    // setup some local variables
+    var $form = $(this);
+
+    // Let's select and cache all the fields
+    var $inputs = $form.find("input, select, button, textarea");
+
+    // Serialize the data in the form
+    var serializedData = $form.serialize();
+
+    // Let's disable the inputs for the duration of the Ajax request.
+    // Note: we disable elements AFTER the form data has been serialized.
+    // Disabled form elements will not be serialized.
+    $inputs.prop("disabled", true);
+
+    // Fire off the request to /form.php
+    request = $.ajax({
+        url: "/getPost",
+        type: "post",
+        data: serializedData
+    });
+
+    // Callback handler that will be called on success
+    request.done(function (response){
+        // Log a message to the console
+        console.log("Hooray, it worked!");
+    });
+
+    // Callback handler that will be called on failure
+    request.fail(function (jqXHR, textStatus, errorThrown){
+        // Log the error to the console
+        console.error(
+            "The following error occurred: "+
+            textStatus, errorThrown
+        );
+    });
+});
+
+</script>
--- a/expressApp/index.js
+++ b/expressApp/index.js
+const express = require("express");
+const app     = express();
+const path    = require("path");
+const bodyParser = require('body-parser')
+app.use(express.json());       // to support JSON-encoded bodies
+app.use(express.urlencoded()); // to support URL-encoded bodies
+
+app.get('/',function(req,res){
+  res.sendFile(path.join(__dirname+'/index.html'));
+});
+
+
+app.post('/getPost',function(req,res){
+  const data = req.body;
+  console.log(data);
+  res.send(data);
+});
+
+app.listen(3000);
+console.log("Running at Port 3000");
--- a/expressApp/package-lock.json
+++ b/expressApp/package-lock.json
--- a/expressApp/package.json
+++ b/expressApp/package.json
+{
+  "name": "expressapp",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "body-parser": "^1.18.2",
+    "express": "^4.16.2",
+    "path": "^0.12.7"
+  }
+}