Node.jsを使用してMySQLデータを表示

Question

私はサブミットを押すとフォームデータをデータベーステーブルに入力する小さなスクリプトを作成しています。私が何をしたいか

は、私は給料で......だけの従業員を取得しています現時点では用/フォーム

次のページすなわちapp.postに追加されたデータを表示することです... .. added しかし、追加したばかりのデータの行全体を表示したい。

今、どうすればいいですか？ ここでは、私がアプリケーションを実行するために使用するserver.jsのコードです。

var express = require('express'); 
var path = require('path'); 
var bodyParser = require('body-parser'); 
var app = express(); 
var mysql = require('mysql'); 
var connection = mysql.createConnection({ 
    host:'localhost', 
    user:'root', 
    password:'', 
    database:'employees' 
}); 


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

app.get('/', function (req,res){ 
    res.sendFile(path.join(__dirname,'index.html')); 
}); 

app.get('/add-employee.html',function(req,res){ 
    res.sendFile(path.join(__dirname,'/add-employee.html')); 
}); 

app.post('/add-employee.html',function(req,res){ 
    res.status(200).send(); 
    console.log('employee '+req.body.name + ' added'); 
}); 

connection.connect(function(err){ 
    if(err){ 
     console.log('Error connecting to Db'); 
     return; 
    } 
    console.log('Connection established'); 
}); 

app.post('/form',function (req,res){ 
    //employee details from add-employee.html page 
var name=req.body.name; 
var designation = req.body.designation; 
var pan = req.body.pan; 
var aadhar = req.body.aadhar; 
var bank = req.body.bank; 
var salary = req.body.salary; 
var allowance = req.body.allowance; 
var esi = req.body.esi; 
var uan = req.body.uan; 

var details = {name:name,designation:designation,pan:pan,aadhar:aadhar, 
    bank:bank,salary:salary,allowance:allowance,esi:esi,uan:uan}; 

var query = connection.query('INSERT INTO employee_details SET ?',details,function(err,result){ 
    if(err){ 
     console.log(err); 
    } 
    console.log(query.sql); 
}); 

connection.query('SELECT * FROM employee_details',function(err,rows){ 
    if(err) throw err; 

    console.log('Data received'); 
    console.log(rows); 
}); 


res.status(200).send('employee ' + name + 'with salary of '+salary+ ' added'); 
}); 




app.get('/add-company.html',function(req,res){ 
    res.sendFile(path.join(__dirname,'/add-company.html')); 
}); 

app.get('/style.css',function(req,res){ 
    res.sendFile(path.join(__dirname,'/style.css')); 
}); 

app.get('/main.js',function(req,res){ 
    res.sendFile(path.join(__dirname,'/main.js')); 
}); 

app.get('/cmain.js',function(req,res){ 
    res.sendFile(path.join(__dirname,'/cmain.js')); 
}); 

var port=8080; 
app.listen(8080,function(req,res){ 
    console.log(`Payroll app listening on port ${port}!`); 
}); 

コンソールで選択クエリから行を確認できます。 しかし、問題は私はページ自体にそれを表示する方法を知らないですか？ どうすればいいですか？

Answer 1

connection.query('INSERT INTO employee_details SET ?',details,function(err,result){ 
if(err){ 
    console.log(err); 
} 
else{ 
    res.status(200).send(result); 
} 
}); 

これは、あなたがこのAPIを呼び、あなたが

Answer 2

挿入後に選択する必要があります。 クエリが非同期であることに注意してください。

var query = connection.query('INSERT INTO employee_details SET ?',details,function(err,result){ 
     if(err){ 
      console.log(err); 
     } 
     console.log(query.sql); 

    connection.query('SELECT * FROM employee_details',function(err,rows){ 
     if(err) throw err; 

     console.log('Data received'); 
     console.log(rows); 
     res.status(200).send('employee ' + name + 'with salary of '+salary+ ' added'); 
    }); 
    });