Tom*_*s.J 1 javascript mysql json node.js
我是js的新手.最近我想实现一个功能,页面上有一个按钮来获取数据,点击页面上显示的数据后访问数据库,MySQL服务器的数据库都使用nodejs来构建,如何用nodejs编写它.
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);
});
您可以使用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格式,以便以可读的形式获取它.
然后,XMLHhttpRequest如果你想使用普通的Javascript ,你可以简单地使用你的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调用,您可以定义buttonwith onClick事件:
<button type='button' onclick='getPersons()'>Get persons!</button>