0

我正在使用 node 和 postgres，我是编写异步函数的新手，我正在尝试做的是一个非常简单的查询，它将对数据库中的记录进行总数，添加一个并返回结果。结果将在 DOM 生成之前可见。我不知道该怎么做，因为异步函数不会向调用者返回值（也可能我仍然有同步的心态）。这是功能：

function generateRTA(callback){
var current_year = new Date().getFullYear();
const qry = `SELECT COUNT(date_part('year', updated_on)) 
              FROM recruitment_process
              WHERE date_part('year', updated_on) = $1;` 
const value = [current_year]

pool.query(qry, value, (err, res) => {
    if (err) {
      console.log(err.stack)
    } else {
        var count = parseInt(res.rows[0].count) + 1
        var rta_no = String(current_year) + '-' + count
        callback(null, rta_no)        
    }
  })
}

对于前端，我使用带有简单 HTML 表单的哈巴狗。

const rta_no = generateRTA(function (err, res){
if(err){
    console.log(err)
}
else{
    console.log(res)
}
})


app.get('/new_application', function(req, res){
res.render('new_application', {rta_number: rta_no})
});

我可以在 console.log 中看到 rta_no，但是当值准备好后如何将它传递回 DOM？

4

2 回答 2

0

这似乎没问题，我只是不确定这一点：

结果将在 DOM 生成之前可见

这个约束违背了异步的目的，因为你的 DOM 应该等待返回的值在那里。而不是等待它，你可以只呈现页面，一旦函数返回并运行你的回调更新值。

此外，也许值得研究一下承诺

于 2018-11-30T15:27:47.763 回答
0

基于 ajax 调用异步响应，它会在从 Node js 获取响应时更新 div id "div1"。

应用程序.js

app.get("/webform", (req, res) => {
    res.render("webform", {
        title: "Render Web Form"
    });
});


app.get("/new_application", (req, res) => {
    // Connect to database.
    var connection = getMySQLConnection();
    connection.connect();
    // Do the query to get data.
    connection.query('SELECT count(1) as cnt FROM test ', function(err, rows, fields) {
    var person;
    if (err) {
        res.status(500).json({"status_code": 500,"status_message": "internal server error"});
    } else {
        // Check if the result is found or not
        if(rows.length==1) {
            res.status(200).json({"count": rows[0].cnt});
        } else {
            // render not found page
            res.status(404).json({"status_code":404, "status_message": "Not found"});
        }
    }
});
// Close connection
connection.end();
});

webform.pug - 通过异步调用

html
  head
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js')
    script.
        $(document).ready(function(){
        $.ajax({url: "/new_application", success: function(result){
        $("#div1").html(result.count);
        }});
        });
  body
    div
       Total count goes here  : 
    #div1
       value loading ...
于 2018-12-02T01:38:09.813 回答