Question

当我运行此代码时，如果条件为true，则要重定向到postUser页面，如果条件为false，则要呈现视图...

router.get('/postedUser/:id', ensureAuthenticated, function(req, res) {
  User.findOne({_id: req.params.id}, function(err, data) {
    if (err) throw err;
    if (req.user._id == data._id) {
      res.redirect('/users/profile');
    } else {
      res.render('postedUser', {
        data: data
      });
    }
  });
});

有人可以告诉我哪里出了问题。

Answer 1

如果要使用Ajax的API调用或其他方法提交请求，则不能这样做。

由于所有这些方法都是要实现单页应用程序，因此不允许呈现其他页面。

在满足条件并请求呈现其他页面时会发生什么？

调用API的模块正在等待浏览器上的响应以从API获得一些响应，但是您的API试图加载浏览器禁止的其他HTML页面，因此您将永远无法通过Ajax调用来呈现。

如何做到？

有两种解决方法：

单页应用程序：使用AngularJs之类的JavaScript框架，ReactJs只需更改HTML模板而不是整个页面即可为您提供帮助。

使用Ajax，您可以执行以下操作：

HTML

<body>
    <div>   
        <div align="center">
        <form id="form1">
            <label>Please enter below details</label><br><br>
            <label>First Name *: </label><input id="FName" type="text" name="FName"/><br><br>
            <label>Last Name *: </label><input id="LName" type="text" name="LName"/><br><br>         
            <label>Email Address *: </label><input type="email" name="email"><br><br>
            <br><br>
            <input type="button" value="Submit" onClick:"submitForm()"/>
        </form>
        <div id="showValue"></div>
        </div>
    </div>
</body>

JavaScript

function submitForm() {
    $.ajax({
        url: '/addName',
        type: 'POST',
        headers: headers,
        data: {
            "Fname": $("#FName").val(),
            "Lname": $("#LName").val(),
            "email": $("#email").val()
        },
        success: function(result) {
            //append result to your html
            //Dynamic view
            $("#form1").hide();
            var html = '<div><span>First Name: ' + result.fName + '</span><span>Last Name: ' + result.lName + '</span></div>';
            $("#showValue").html(html);    
        },
        error: function (error) {
            alert('error ',error);
        }
    });
}

服务器端代码，我假设您正在使用express.js和body-parser

app.post('/addName', (req, res) => {
    //Insert into db
    var body = req.body;
    res.send({
    fName: body.FName,
    lName: body.LName
    });
});

使用form提交方法：使用此方法，您可以呈现页面，但是不能将响应发送回同一页面，即

HTML

<body>
    <div>   
        <div align="center">
        //Can't send params using this approach
        //Data will be send as query string
        <form action="/postedUser/" method="GET">
            <label>Please enter below details</label><br><br>
            <label>ID *: </label><input id="ID" type="text" name="ID"/><br><br>
            <input type="submit" value="Submit" /></form>
        </div>
    </div>
</body>

NodeJS

//If there will be res.send({});
// This won't be returned to same page. But your code doesn't do any such thing

router.get('/postedUser/', ensureAuthenticated, function(req, res) {
   User.findOne({_id: req.query.id}, function(err, data) {
        if (err) throw err;
        if (req.user._id == data._id) {
        res.redirect('/users/profile');
        } else {
        res.render('postedUser', {
            data: data
        });
        }
    });
});

我想根据某些情况重定向到其他页面

1 个答案: