Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //Все это в разных файлах.
- //index.html клиентская часть
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Untitled Page</title>
- <meta name="generator" content="WYSIWYG Web Builder 11 - http://www.wysiwygwebbuilder.com">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="font-awesome.min.css" rel="stylesheet">
- <link href="index.css" rel="stylesheet">
- <script src="jquery-1.11.3.min.js"></script>
- <script src="wb.parallax.min.js"></script>
- <script>
- $(document).ready(function()
- {
- $('#FirstLayer').parallax();
- });
- </script>
- </head>
- <body>
- <div id="FirstLayer">
- <div id="FirstLayer_Container">
- <div id="ContentLayer">
- <div id="ContentLayer_Container">
- <div id="PageFooter">
- <div id="PageFooter_Container">
- </div>
- </div>
- <div id="LoginLayer">
- <div id="LoginLayer_Container">
- <div id="wb_Login">
- <form name="loginform" method="post" id="loginform">
- <input type="hidden" name="form_name" value="loginform">
- <table id="Login">
- <tr>
- <td class="header"></td>
- </tr>
- <tr>
- <td class="label"><label for="username">Имя пользователя</label></td>
- </tr>
- <tr>
- <td class="row"><input class="input" name="username" type="text" id="username" ></td>
- </tr>
- <tr>
- <td class="label"><label for="password">Пароль</label></td>
- </tr>
- <tr>
- <td class="row"><input class="input" name="password" type="password" id="password"></td>
- </tr>
- <tr>
- <td class="row"><input id="rememberme" type="checkbox" name="rememberme"><label for="rememberme">Запомнить меня</label></td>
- </tr>
- <tr>
- <td style="text-align:center;vertical-align:bottom"><input class="submit" type="submit" name="login" value="Вход" id="login"></td>
- </tr>
- </table>
- </form>
- </div>
- <div id="wb_TextLogin">
- <span style="color:#424242;font-family:Impact;font-size:48px;">Вход</span><br><p>{{title}}</p></div>
- </div>
- </div>
- </div>
- </div>
- <script>
- $(document).ready(function()
- {
- $('#loginform').submit(function(e){
- e.preventDefault();
- var username = $('#username').val();
- var password = $('#password').val();
- $.post( "/ajax",{username: username}, function(data) {
- console.log(data);
- }, 'json');
- });
- });
- </script>
- </body>
- </html>
- // серверная часть - index.js
- var express = require('express');
- var app = express();
- var bodyParser = require("body-parser");
- var templating = require('consolidate');
- app.engine('html', templating.handlebars);
- app.set('view engine','html');
- app.set('views', __dirname + '/views'); // + '/views'
- var bParse = bodyParser.urlencoded({extended: false});
- var jParse = bodyParser.json();
- app.use(express.static(__dirname + '/views'));
- app.get('/', function(req, res){
- res.render('index');
- });
- app.post('/ajax', jParse, function(req, res){
- console.log(req.body.username);
- res.json(`${req.body.username}`);
- });
- app.listen(3000, function () {
- console.log('Example app listening on port 3000!');
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement