Question

我正在写一个Node.js + Express + express-handlebar应用程序。我正在从MySQL数据库中读取数据并将其显示在表格中。我正在实现分页功能，点击“下一步”按钮我对我的节点js服务器进行ajax调用

$j('.btn-nxt').click(function(){
        $j.ajax({
            type: 'post',
            url: '/',
            data : {
                action: 'next'
            },
            error: function(err) {
                console.log('------------ Error while updating this resident: ' + err);
                console.log('------------ Error while updating this resident: ' + err.message);
            }
        });
    });

以下是我index.handlebars的index.js路线

index.js

var express = require('express');
var router = express.Router();
var callDatabase = require('../config/database.js');

var startIndex = 0;
var recordLimit = 10;

//home page route
router.get('/', function(req, res){

    callDatabase.getResidents(req, res, startIndex, recordLimit);
});

router.post('/', function(req, res){
    var data = req.body;
    var action = data.action;
    if(action == 'next') {
        startIndex += recordLimit;
    }

    callDatabase.getResidents(req, res, startIndex, recordLimit);

    res.redirect('/');
});


module.exports = router;

这是database.js，我在实际调用我的数据库

database.js

var mysql = require('mysql');
var connection = mysql.createConnection({
  host     : 'dbname-db.rds.amazonaws.com',
  user     : 'username',
  password : 'password',
  port: '3306',
  database : 'dbname',
  multipleStatements: true,
  dateStrings: true
});

var residentQuery = 'SELECT idResidents, name, primaryEmail FROM Residents LIMIT ';

exports.getResidents = function(req, res, startIndex, recordLimit) {
    connection.query(residentQuery + startIndex + ',' + recordLimit, function(err, rows, fields) {
        if (err) {
            console.log('----------------------- ERROR: Error querying records - ' + err);
            console.log('----------------------- ERROR: ' + err.message);
            return err;
        }

        for(var i in rows) {
            console.log('id: ' + rows[i].idResidents + ' name: ' + rows[i].name + ' email: ' + rows[i].primaryEmail);
        }

        res.render('index', {
            title:'Test Node App',
            dbrows: rows
        });
    });
}

当我运行我的应用程序时，出现前10行，当我单击下一个按钮时，进行了ajax调用，我可以看到conslo.log中的接下来的10行数据库.js。但是我的观点没有得到更新。我尝试从index.js的route.post（）和database.js调用res.render（'/'），但它给出了一个错误 - “无法在发送后设置标题”。

如何刷新我的桌子？我正在使用{{#each dbrows}} ... {{/ each}}来填充行。

Answer 1

我使用location.reload（）从ajax本身重新加载页面。因此，当单击下一个或上一个分页选项时，它将转到ajax函数，该函数又调用节点服务器以获取下一个/上一个数据集。在数据之后的同一个ajax函数中我添加了成功属性 - success：{location.reload（）}，错误：{....}。现在它就像一个魅力。

节点JS express-handlebar重新加载页面

1 个答案: