jquery - 如何使用jquery将数据传递到node.js后端

Question

我正在尝试使用 jquery 和 node.js 创建一个“关注按钮” 我的前端是这样的:

<a id="author" href="#"><%= showPost.username %></a> //this displays a username
<p id="follower"><%= currentUser.username %></p> //this displays the current logged in username
<button style="width:100px;" type="button" id="fbtn">Follow</button>

jquery 是这样的:

$("#fbtn").click(function(){ 
    var fbtn = $('#fbtn');
    var follower_name=$('#follower').text();
    var followee_name = $('#author').text();
    fbtn.text('Unfollow');

        $.ajax({
            url: '/follow',
            method: 'POST',
            dataType: 'application/json',
            data:JSON.stringify({follower_name:follower_name,followee_name:followee_name}),
            success: function(data){ 
                console.log("success");
            console.log(data);
            }
        });
});

后端是这样的:

app.post("/follow", function(req, res){
    var followee = req.body.followee_name;

    console.log("Followed");
    console.log(followee);
    res.send("Worked!!!")
});

目前我正在使用console.log，以便我可以查看数据是否通过。但是，我在控制台中收到“未定义”。我还摆脱了 req.body 并得到了相同的日志。

我也在浏览器控制台中得到了这个:

{readyState: 4, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}

从 jquery 获取数据后，我会将其插入到 mySQL 数据库中。但不知道如何将数据传给后端。

Answer 1

我发现我的错误了 我变了

data:JSON.stringify({follower_name:follower_name,followee_name:followee_name})

致:

data:{follower_name:follower_name,followee_name:followee_name}