javascript - 如何从客户端向服务器发送数据

标签 javascript html node.js

我是nodejs新手。请帮忙。 这是我的 html 和 node.js 代码。我想将电子邮件和密码从login.html(客户端)发送到login.js(服务器),并从存储电子邮件和密码的表中进行验证。

login.html

<!DOCTYPE html>
<html>
<head>  
  <link rel="stylesheet" type="text/css" href="/loginstyle.css" />
</head>
<body>
  <form  class="css" method="post" action="http://localhost:9383/valid" >
    <fieldset >
      <input type="text" name="email" class="inputemail"  placeholder="Email" />
    </fieldset> 
    <fieldset >
      <input type="password" name="pass" class="inputpassword" placeholder="Password" />
    </fieldset >
    <fieldset >
      <button type="submit" class="submit">Submit</button>
    </fieldset>
  </form>
</body>
</html>

login.js

var express = require('express')
, app = express()
, mysql = require("mysql");

app.get('/loginme', function (req, res) {
  res.sendfile(__dirname + '/loginmysql.html');
});

app.post('/valid', function (req, res) {
  console.log("hello");
  var username=req.body.email;
  var password=req.body.pass;

    var connection = mysql.createConnection({
      "hostname": "localhost",
      "user": "root",
      "password": "123",
      "database": "login"
    });

    connection.connect();

    connection.query('SELECT * FROM id WHERE email=? AND password=?', [username,password], function(err, rows){

      if (err){
        throw err;
      }else{
        for (var i in rows) {
           console.log('name: ', rows[i].name);
           name=rows[i].name;
           res.redirect('/option');

        }
      }

    });

     connection.end();
});

最佳答案

您缺少表单解析中间件。尝试添加body-parser在 POST 路由之前的某个中间件。

关于javascript - 如何从客户端向服务器发送数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25183118/

相关文章:

javascript - 如何在 node.js 中使用 jQuery ajax 调用

javascript - 端口 3000 已在使用 [nodemon] 应用程序崩溃 - 在启动前等待文件更改

javascript - Node.js 中的端点与 Express 应用程序之间的冲突

php - Laravel 获取当前路线

c# - C#从html jquery/css-selector解析/获取数据?

html - 取消悬停时过渡不会缓和

node.js - Mongoose 更新嵌套数组

javascript - Elixir + Gulp + Laravel 根据 URL 包含不同的 JS

javascript - 在此示例中,多重选择是如何工作的?

javascript - Angularjs指令如何检测属性的变化