gpt4 book ai didi

javascript - Node.JS + mySQL -> 如何进行ajax调用并访问server.js上的数据?

转载 作者:行者123 更新时间:2023-11-29 19:12:27 28 4
gpt4 key购买 nike

这是我的 server.js 文件,数据库正在连接到其中:

var app = require('express')();
var mysql = require('mysql');
var db = mysql.createConnection({

host: 'localhost',
user: 'root',
password: '',
database: 'user_data',
port: 3306
});
db.connect();

app.get('/', function (req, res) {
res.sendFile(__dirname + "/start.html");
});

app.listen(3000);

所以我想做一个类似注册表的东西,你可以在其中输入你的用户名和密码。然后,单击提交按钮后,用户名和密码将直接进入 mySQL 数据库。显然,我需要一个 ajax 调用将数据发送到该服务器,但我不知道如何在 server.js 上访问它。

$("button#submit").click(function () {
$.ajax({
'url': 'http://localhost:3000',
'type': 'post',
'data': {
'username': $("#usr").val(),
'password': $("#pwd").val()
},
'success': function (data) {
alert('Data: ' + data);
}
});
})

在 server.js 上获取该数据后,我显然想要进行查询(以插入值),但如何获取数据?

最佳答案

这就是我为我的一个项目所做的:

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Contact Form</title>

</head>
<body>
<div id="contact">
<h1>Send an email</h1>
<form action="/myaction" method="post">
<fieldset>
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your full name" />

<label for="location">Location:</label>
<input type="text" id="location" name="location" placeholder="Enter your location" />

<input type="submit" value="Send message" />

</fieldset>
</form>
</div>
</body>
</html>

现在,当用户点击提交/myaction url 时,将会命中。

db.connect(function(err,connection){
app.post('/myaction',function(req,res){
console.log(req.body);

var employee={name:req.body.name,location:req.body.location}

db.query('INSERT into employees SET ?',employee,function(err,res){
if(err){
throw err;
}
else{
console.log(res);

}


})
res.send(JSON.stringify(req.body));
})
})

确保将这些包含在您的 server.js 中

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

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

所以你可以看到我已经定义了 app.post 并且我正在点击我的 url。然后我们只需编写一条sql查询来存储数据。

关于javascript - Node.JS + mySQL -> 如何进行ajax调用并访问server.js上的数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42971941/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com