HTML表单将数据POST到MySQL
HTML form to POST data to MySQL
我正在尝试使用Node.js.将数据发布到MySQL数据库
这是我的HTML表单:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>form</title>
</head>
<body>
<h1>This is my form</h1>
<!-- local host to be changed? -->
<form action="http://localhost:3000/index.html" method="POST">
First name:<br>
<input type="text" name="firstname" value="John">
<br>
Last name:<br>
<input type="text" name="lastname" value="Doe">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
这是我的MySQL.js
:
var mysql = require('mysql');
var connection = mysql.createConnection(
{
host : 'mysqlhost',
port : '3306',
user : 'myuser',
password : 'mypassword',
database : 'myuser'
} ); connection.connect(); var query = connection.query('SELECT * FROM http://localhost:3000/index.html');
query.on('error', function(err) {
throw err; });
query.on('fields', function(fields) {
console.log(fields); })
query.on('result', function(row) {
console.log(row); }); connection.end();
这可能吗?
是的,这是可能的,但你肯定没有朝着正确的方向前进。我建议学习如何制作一个简单的REST API节点应用程序。本教程是一个很好的起点。我建议使用Express,因为它简化了处理POST/GET请求的任务。
这是您想要的启动代码。
index.html
请注意,我是如何在<form action=...>
部分中使用/data
而不是localhost:3000/index.html
的。这通常被称为RESTapi。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>form</title>
</head>
<body>
<h1>This is my form</h1>
<!-- local host to be changed? -->
<form action="/data" method="POST">
First name:<br>
<input type="text" name="firstname" value="John">
<br>
Last name:<br>
<input type="text" name="lastname" value="Doe">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
app.js
var app = require('express')();
var bodyParser = require('body-parser');
var path = require('path');
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
app.get('/', function(req, res) {
res.sendFile(path.join(__dirname, 'index.html'));
});
app.post('/data', function(req, res) {
console.log(req.body.firstname);
console.log(req.body.lastname);
// Add these values to your MySQL database here
});
app.listen(3000);
文件结构
app.js
index.html
要运行的命令
npm install express
npm install body-parser
node app.js
然后只需进入浏览器中的localhost:3000
。
相关文章:
- 如何使用WCF服务和javascript表单post上传.doc文件
- Jquery POST未填充数组
- 如何在php文件中获取$.post-ajax传递的值
- 使用jquery将mysql数据获取到新的表行中
- 在POST中将html表作为csv提交
- HTML表单将数据POST到MySQL
- PHP 使用 foreach post 向 mysql 添加多个数据
- PHP mysql查询忽略POST变量
- 从Laravel控制器中的AJAX post请求向MySQL添加数据
- Post函数与nodejs和mysql
- MYSQL + Node.JS Post Request Confusion
- POST request to MySQL
- $jquery.post() PHP and Mysql
- Post/Insert javascript变量到mySQL数据库表-可能使用ajax &/或jquery -如何
- 使用 mySQL 数据、ajax、PHP post 更新 innerHTML 文本
- 如何将 JavaScript 输出作为 POST 请求传递给 PHP?[使用 js 获取 TZ,然后发送到 mySQL]
- 使用 php+mysql 和 jquery ajax post 填充三个后续选择列表
- Ajax post到PHP实际上没有写到mysql表
- Ajax won't post to PHP MYSQL
- 我可以有一个AJAX post请求内mysql查询