如何处理从快递服务器发送的ajax post响应？

Question

我是初学者，所以我不知道我是否清楚我的问题。 我的问题是我从快递服务器发送的响应显示在页面中，但我无法在客户端使用 jquery 处理它。

服务器端：

router.post("/", [
    //check inputs using expres-validator
    ],
    (req, res)=>{
        //handle validation results
        var errors = validationResult(req);
         if (!errors.isEmpty()) {
            //filter errors
            res.status(400).send([usernameErr, emailErr, passwordErr]);
        }else {
            res.sendStatus(200);
        };
});

客户端：

$(".form-div form input[type='submit']").submit(function(e){
        e.preventDefault();
        if($(this).parent().parent().attr("id") == "signup-form-container"){
            $.post('/signup', $('#signup-form-container form').serialize())
            .done(data=>{
                alert(data)
                console.log(data);
            })
            .fail((err, textStatus)=>{
                alert(err)
                console.log(err)
            });

        };
    });

我正在将我的注册文件（具有上述路径）导出到我的主文件。

app.use("/signup", require(`${__dirname}/routes/signup.js`));

Answer 1

所以如果你检查你的选择器：

$(".form-div form input[type='submit']") // this is selecting the input element

然而，提交事件只有在表单元素内部时才会触发， 因此将提交事件附加到按钮或输入将不起作用。

这是参考：https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event

所以，要解决这个问题，试试这个：

/*
 Here you are selecting the form, so submitting here will work. 
*/
$(".form-div form").submit(function(e){
        e.preventDefault();
        if($(this).parent().parent().attr("id") == "signup-form-container"){
            $.post('/signup', $('#signup-form-container form').serialize())
            .done(data=>{
                alert(data)
                console.log(data);
            })
            .fail((err, textStatus)=>{
                alert(err)
                console.log(err)
            });

        };
    });

这就是 click 起作用的原因，因为当您单击元素时会触发。我希望这是有道理的。