如何在 Javascript 中发送没有数据的 POST 请求

Question

所以我已经在使用 Ajax 将数组发送到路由器，正如您在此处看到的那样......

 var send = function () {
            var data = search
            console.log(data)
            $.ajax({
                type: 'post',
                url: "/next",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    console.log('Success')
                },
                error: function (err) {
                    console.log(err)
                }
            })
        }
        send();

如果我将这个控制台记录为

console.log(req.body)

我明白了

[ 'Faye Dunaway', 'Kathy Bates' ]

很好，我需要这个。但是，在我的路由器中，我也尝试像这样呈现一个包含数据的新页面......

router.post("/next", function (req, res) {
    Movies.find({name:{ $in: req.body}}, function(err, found){
        if(err){
            console.log(err)
        } else {
            res.render('movies',{
                movies:found
            })
        }
    })
})

现在有人告诉我，我不能用 ajax 调用 res.render，所以我需要在表单中创建一个按钮。

<form action="/next" method="post">
    <button  class="btn btn-outline-success btn-lg next">next</button>
 </form> 

但是，如果我现在 console.log req.body 我得到

[ 'Faye Dunaway', 'Kathy Bates' ]
{}

所以我在想两件事，要么 res.render 必须用 ajax 调用，要么我需要摆脱 {}。如您所知，我对此很陌生。感谢您的帮助。询问任何其他信息。

Answer 1

据我所知，通过渲染传递的数据不在正文中，而是在模板引擎中使用。因此，您可以像这样在模板引擎 (PUG) 的脚本块中访问它。

script.
    !{movies}

如果你想通过捆绑脚本（使用 webpack 创建）访问数据，你必须像这样在模板中定义它。

script.
    const movies = !{movies}