在 NodeJs 中为 Ajax 调用创建路由

Question

假设我的渲染 HTML 有这条路线：

app.get('/profile/:id', function (req, res) { // my route
    res.render('profile', { id: Number(req.params.id) }); // render the file and set a variable
});

在我的个人资料页面的客户端 javascript 文件中，我想从服务器获取数据。我在加载页面时通过向服务器发送用户 ID 来请求数据，服务器返回一个用户对象：

$(document).ready(function() {

    var user = null;

    $.ajax({
        type: 'GET',
        url: '', // This one is missing here
        dataType: 'json'
    }).done(function(data){
        user = JSON.stringify(data);
    });

    console.log(user.name);

});

我的服务器会处理这个功能：

app.get('', function (req, res) { // missing route
    var userId = ; // This is missing
    var userObj = getUserById(userId);
    res.send(userObj);
});

我必须使用什么路线？教程说我必须通过/profile/:id这样的路由但是这个路由已经存在了？

我尝试定义一条新路线，例如：

app.get('/reqUser/:id', function (req, res) { // Ajax  route
    res.send(getUserById(Number(req.params.id)));
});

对于我的 Ajax 调用，我传入了 url http://localhost:8888/reqUser/12345 但这似乎是错误的，因为在使用 Ajax 调用后用户仍然为空。

那么如何定义处理页面和 Ajax 调用的路由呢？

Answer 1

编辑：首先，您需要修复客户端 JS 中的错误，即在从服务器获取 user 之前尝试打印 user.name。您可以通过将 console.log 语句移动到 done() 回调中来解决此问题，如下所示：

$(document).ready(function() {

    var user = null;

    $.ajax({
        type: 'GET',
        url: '', // This one is missing here
        dataType: 'json'
    }).done(function(data){
        user = JSON.stringify(data);
        console.log(user.name); // log here 
    });

});

关于您的路线问题，您有多种选择。以下是该问题的两种常见解决方案：

• 创建一个单独的api 路由以区分您的 API 请求和页面请求。例如，app.get('/api/profile/:id, (req, res) => {...});'
• 向您的 AJAX 调用添加一个 URL 参数，指定您希望响应采用的格式，默认为页面的 HTML。例如，您的 AJAX 将向 URL /profile/2012?format=json 发送一个 GET 请求，这将返回 JSON 格式的配置文件信息。

就个人而言，我更喜欢第一个选项，因为它使意图更加清晰。