繁体   English   中英

使用带有Express的Node.js将表单数据发布到MySQL

[英]Posting Form data to MySQL using nodejs w/ Express

我正在尝试在Node中编写一个简单的server.js,它将来自我的html文件的表单数据发布到MySQL中。 但是我收到语法错误。 我将在下面发布代码和错误。 我正在努力解决此问题。

<head>

    <title>Learning Node Server</title>
    <link rel="stylesheet" href="style.css" />

</head>


<body>

    <div class="header">
        <h1>Learning Node and JS</h1>
        <p>With Ninad</p>       
    </div>

    <form action="/data" method="post">
        <label for="name">Enter your name in the database</label>
        <input type="text" name="name">
        <input type="submit" value="submit" />
        </form>


    <div class="container"></div>

    <script type="text/javascript" src="main.js"></script>

</body>

var express    = require('express');
var app        = express();
var mysql      = require('mysql');
var bodyParser = require('body-parser');



app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
//app.use(express.json());
//app.use(express.urlencoded());
//app.use(app.router);
app.use(express.static('public'));


var connection = mysql.createConnection({

  host     : 'localhost',
  user     : 'root',
  password : '3748',
  database : 'nodedb'

});

connection.connect();


app.get('/', function (req, res) {

    res.sendFile(__dirname + '/node.html');

});


app.post('/data', function(req, res){

    var username=req.body.name;

    connection.query("INSERT INTO `names` (name) SET ?", username.toString(), function(err, result){
        if(err) throw err;

        console.log("1 record inserted");
    });

    res.send(username);

});

//connection.end();

app.listen(3000, function () {
console.log('Example app listening on port 3000');
});

如果我输入yahoo2作为名称,这是我得到的错误-

您的SQL语法有误; 检查与您的MySQL服务器版本相对应的手册以获取正确的语法,以在Query.Sequence._packetToError(/ home / ninad / node-workspace / node_modules / mysql / lib / protocol / sequence / Sequence.js:52:14)

应该是这个

app.post('/data', function(req, res){
    var username=req.body.name;
    connection.query("INSERT INTO `names` (name) VALUES (?)", username.toString(), function(err, result){
        if(err) throw err;
            console.log("1 record inserted");
        });
    res.send(username);
});

试试这个代码。 创建一个views文件夹并将此jade文件放入其中。 这是我的玉文件,我将其命名为

//index.jade

<html>
<head>
<title> test </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<form action="/submit" method="POST">
<fieldset>
<label for="name">Name: </label>
<input type="text" id="name" name="name" />
<br/>
<label for="email">Email: </label>
<input type="email" id="email" name="email"  />
<br/>
<label for="description">Description: </label>
<textarea id="description" name="description"></textarea>
<br/>
<input type="submit" value="create profile" />
</fieldset>
</form>
</body>
</html>

这是我的服务器代码,将其另存为index.js

var express = require('express');
var router = express.Router();
var bodyParser = require('body-parser');
var mysql = require('mysql');
var jade = require('jade');
var con = mysql.createConnection({
     host: "localhost",
     user: "root",
     password: "",
     database: "test"
});
var app=express();
var urlencodedParser = bodyParser.urlencoded({ extended: false });
app.set('view engine', 'jade');
app.get('/submit',function(req,res){
res.render('index');
});
app.post('/submit',urlencodedParser, function(req, res, next) {
    console.log(req.body.name);
    console.log(req.body.email);
    console.log(req.body.description);
    con.connect(function(err) {
  if (err) throw  err;
  console.log("connected");
  var sql = "INSERT INTO `form`(`name`,`email`, `description`) VALUES ('"+req.body.name+"','"+req.body.email+"','"+req.body.description+"')";
  con.query(sql, function(err, result)  {
   if(err) throw err;
   console.log("table created");
  });
});

  res.render('index', { title: 'Express' });
});
app.listen(3000,function(){
    console.log("Sever listening on port 3000");
});

在运行服务器之前,在这里创建数据库之前,我使用名称test创建了数据库。 然后在其中创建一个表。 在这里我创建了一个名为form的表,以node index.js身份运行节点服务器。 在浏览器中,输入http://localhost:3000/submit 接下来查看数据库,希望这会有所帮助...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM