我是js的新手。最近我想实现一个功能,页面上有一个按钮来获取数据,点击页面上的数据后点击Access数据库,带有MySQL服务器的数据库正在使用nodejs构建,如何用nodejs编写它。 / p>
XML / HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button>get</button>
<!-- show data -->
<div id="res"></div>
</body>
<script src="node_getdata.js"></script>
</html>
JavaScript代码
var http = require("http");
var mysql = require("mysql");
var conn = mysql.createConnection({
host : "localhost",
user : "root",
password : "",
database : "test"
});
conn.connect();
conn.query("select * from person", function(err,results){
if(err){
console.log(err);
return;
}
console.log("Result", results);
});
答案 0 :(得分:5)
您可以使用Express框架创建一个Web服务器,它可能看起来像这样(非常简单的例子):
var express = require('express');
var app = express();
var mysql = require('mysql');
var conn = mysql.createConnection({
host : 'localhost',
user : 'root',
password : '',
database : 'test'
});
conn.connect();
app.get('/test', function(request, response){
conn.query('select * from persons', function(error, results){
if ( error ){
response.status(400).send('Error in database operation');
} else {
response.send(results);
}
});
});
app.listen(3000, function () {
console.log('Express server is listening on port 3000');
});
当然,您应该将数据库操作的结果转换为某些JSON格式,以便以可读的形式获取它。
然后,如果你想使用普通的Javascript,你只需使用XMLHhttpRequest
来调用你的REST api。
function getPersons() {
var xmlHttpReqeust = new XMLHttpRequest();
xmlHttpRequest.onreadystatechange = function() {
if ( xmlHttpRequest.readyState == XMLHttpRequest.DONE && xmlHttpRequest.status == 200 ) {
document.getElementById("persons").innerHTML = xmlHttpRequest.responseText;
}
};
xmlHttpRequest.open('GET', 'http://localhost/test', true);
xmlHttpRequest.send();
}
并且,为了执行HTTP调用,您可以使用button
事件定义onClick
:
<button type='button' onclick='getPersons()'>Get persons!</button>