0

我有一个简单的表格，上面有姓名和电子邮件。

我必须将这些数据发送到外部 API（为什么我使用请求）。

在表单中，我使用 action="/send" 来使用 route.post('/send' ...

来自的数据将被发布，我从 API 中获取数据（例如名称或邮件错误或只是成功），但它也将用户带到 /send。

但我喜欢让用户留在他当前所在的页面上并在那里抛出错误。

等等，我得到了一些关于 express-validator 和 express-session 的例子。但是没有示例说明如何将验证器与来自外部 API 的响应数据一起使用以及如何使用来自该 API 的消息。

这是我目前拥有的：

可以是任何页面

router.get('/:id', function(req, res, next) {
    Request.get("https://cmediaapi.datingpartner.com/content/v3_real/profile/" + req.param("id"), (error, response, data) => {
      if(error) {
          return console.dir(error);
      }
      // console.dir(JSON.parse(data));
      obj = JSON.parse(data);
      // console.dir(obj[1].pseudo);
      res.render('user', {
        title: 'Chat',
        user: obj,
        success: false,
        errors: req.session.errors
      });
      req.session.erros = null;
    });
});

而她就是 send.js

router.post('/', function(req, res, next) {

var dp = '7daz1bba1';
var key = '256e5a83-40b7-4fd0-846b-71f415926957';

console.dir(req.body.pseudo.val);
console.dir(req.body.email.val);

Request.post(
'https://media.datingpartner.com/signup/webmaster.php?dp='+dp+'&app_key='+key+'',
{ form: { user: req.body.pseudo.val, email: req.body.email.val} },
    function (error, response, data) {
    if (!error && response.statusCode == 200) {
        console.dir(data);
        obj = JSON.parse(data);
        console.dir(obj.data);
        console.dir(obj.data.errors);

        if (obj.data.errors) {
            console.log('there is a error');
            var email = obj.data.errors[0];
            console.log(email);
            var msg = email[1];
            console.log(msg);

            req.session.errors = obj.data.errors;
            req.session.success = false;
            // res.send(msg);
        }
        else {
            req.session.success = true;
        }
    } 
    }
);

backURL = req.header('Referer') || '/';
res.redirect(backURL);

})

和我在 PUG/Jade 中的小试用形式

div#content
    form(action="/send" method="POST")#signup
        input(name="pseudo[val]")
        br
        input(name="email[val]")
        br
        input(type="submit")
    div#results
        if errors
            each error, i in errors
                li #{error.msg}

如果有人知道如何处理这些外部 API 以在同一页面上获取错误而不重定向用户（仅在成功之后），那将是很棒的。

非常感谢。

4

1 回答 1

0

安装 using action="/send"，尝试使用Jquery中的$.post()action="send()"使用并声明此函数。这将允许您使用用户数据点击您的 url POST /并返回成功或错误消息，而无需重新加载页面。

我知道这个问题是在 Node 和 Express 下提出的，但这是一个客户端问题，而不是后端问题，因此可以使用 Jquery。

于 2017-12-02T18:44:52.917 回答