如何从sql的nodejs获取数据并返回json?

时间:2017-02-01 10:31:53

标签: javascript mysql json node.js

我是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);
});

1 个答案:

答案 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>