除了在表单元素上使用原始的“action”属性之外,有没有办法解析表单的POST请求?

时间:2017-07-11 15:47:14

标签: javascript forms express axios

我昨晚在ExpressJS上摆弄,发现给出了一个简单的代码:

{
    "_source": {
        "doc": "value 4",
        "doc_as_upsert": true
    },
    "_index": "value 1",
    "_id": "value 3",
    "_type": "value 2"
}

我能够从服务器端正确回复它,并实际发送一个空白文档,上面写着“恭喜你提交了表格”。

但是,当我删除“action”属性并尝试使用javascript来处理它以执行POST请求时,例如使用axios模块,它不起作用:

app.post('/contact', function(req, res, next) {
  res.send('Congrats you have submitted the form');
});

我无法从服务器端(内部快递)中获取数据

axios.post('/contact', { data: { username: <user entered data>, password: { <user entered password> }});

1 个答案:

答案 0 :(得分:1)

您的axios代码应如下所示:

axios.post('/contact', {username: 'user', password: 'pass'}).then(response => {
  console.log(response);
});

至于快递代码,你可以在这个答案中找到一个很好的解释:https://stackoverflow.com/a/12008719/3877000