关于ajax请求，表单请求，以及nodejs响应

最新推荐文章于 2022-11-26 16:20:20 发布

skwo12345

最新推荐文章于 2022-11-26 16:20:20 发布

阅读量1.7k

点赞数 1

分类专栏： web前端文章标签： jquery ajax nodejs

本文链接：https://blog.csdn.net/skwo12345/article/details/75047893

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前端jQuery ajax片段

<!DOCTYPE html>
<html>
<head></head>
<body>
<div>
    <label>
        姓名:
        <input type="" name="name"></label>
    <label>
        密码:
        <input type="" name="password"></label>
    <button onclick="toSubmit()" type="">提交</button>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script type="text/javascript">
    function toSubmit() {
    const data = {
        name: $('[name="name"]').val(),
        password: $('[name="password"]').val(),
    }
    // 返回对象可通过xhr.responseJSON获得
    // 返回字符串可通过xhr.responseText获得
    // success 也可通过data获得 
    // textStatus 返回状态码
    // 使用GET方法就type: 'GET',
    $.ajax({
        url: '/ajax',
        type: 'POST',
        data: data,
        success: function (data, textStatus, xhr) {
            console.log(data);
        },
        error: function (xhr, textStatus, errorThrown) {
            console.log(xhr);
        }
    });
}
</script>
</html>

nodejs使用express片段

router.post('/ajax', function(req, res, next) {
    const data={
        name:req.body.name,
        password:req.body.password
    }
    // 如果使用GET请求
    // const data={
    //  name:req.query.name,
    //  password:req.query.password
    // }
    console.log(data);
    for (let obj in data){
        if (undefined ==data[obj]||'' ==data[obj]){
            //res.send(500,'错误');
            res.send(500,{code:'-1',mes:`参数${obj}错误`});
            return;
        }
    }
    //res.send(200,'成功');
    res.send(200,{code:'0',mes:'成功'});
});

如果使用ajax请求只是为了使页面跳转如并且不校验
如

success: function(data, textStatus, xhr) {
    window.location.href='';
},

最好改用表单提交

<form method="POST" action="/ajax">
    <label>
        姓名:
        <input type="" name="name"></label>
    <label>
        密码:
        <input type="" name="password"></label>
    <button type="submit">提交</button>
</form>

skwo12345

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
关于ajax请求，表单请求，以及nodejs响应

关于ajax请求，表单请求，以及nodejs响应前端jQuery ajax片段<!DOCTYPE html><html><head></head><body><div> <label> 姓名: <input type="" name="name"></label> <label> 密码: <input type=
复制链接

扫一扫