路由 Express 并输出到模板

Question

假设我有

router.get('/read', function(request, response) {
   res.send({"result": "Success sent from routes/index.js."});
});

如何输出带有数据的模板。如果我使用 res.send() 我不能使用 res.render() 对吗？

如果我的用户在 /read 并单击按钮以使用 ajax 发送一些数据，我想在 /read 上的另一个模板中显示该数据

编辑：解决此问题的一种方法是在您返回数据（或可能不返回）时创建一个字符串

        success : function(data){
            $(".fillIn").html("<p style = 'color:green;'>" + data + "</p>")
        }

我不想要字符串。

图片显示在一个页面上“/”有 2 个按钮，通过单击每个按钮，您可以发送数据，并且数据可以显示在右侧，具体取决于单击的按钮，填写了一些数据的表单或用一些数据填充的表格。我使用ajax在点击时发送数据..会有不同样式的不同表单。这就是我想添加模板的原因。我认为我可以使用 HTML 使用 .load() 来做到这一点，但我不知道如何处理该玉石。

这是我的另一个Question

Answer 1

在您的 index.js 文件中，使用以下内容捕获 GET 和 POST 请求并呈现不同的响应：

app.get('/read', function(req, res, next){
    res.render('emptyFormTemplate');
});

app.post('/read', function(req, res, next){
    res.render('dataTableTemplate', {
        name: req.body.name,
        email: req.body.email
    });
});

在客户端，您可以使用类似的方式将数据 POST 到 /read。在上面的示例中，您可以将此脚本包含在 emptyFormTemplate 中。

$('#myForm').submit(function(event){
    var formData = {
        'name'              : $('input[name=name]').val(),
        'email'             : $('input[name=email]').val()
    };
    $.ajax({
        type: 'POST',
        url: '/read',
        data: formData,
        dataType: 'json'
    });
 });