最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

发布复选框后的值,获取nodejs并保存在MongoDB中

IT培训 admin 13浏览 0评论

发布复选框后的值,获取nodejs并保存在MongoDB中

这是我的HTML脚本:

<body>
    <form method="POST">
        <div>
            <input type="checkbox" name="color" value="red">red
            <br>
            <input type="checkbox" name='color' value="blue">blue
            <br>
            <input type="checkbox" name='color' value="Green">green
            <br>
            <input type="checkbox" name='color' value="black">black
            <br>
        </div>
        <br>
        <br>
        <div>
            <input type="checkbox" name='cars' value="benz">Benz
            <br>
            <input type="checkbox" name='cars' value="BMW">BMW
            <br>
            <input type="checkbox" name='cars' value="Kia">Kia
            <br>
            <input type="checkbox" name='cars' value="Mazzerati">Mazzerati
            <br>
        </div>
        <input type="button" onclick="sendOPT()" value="send">
    </form>
    <div id="show"></div>
</body>
<script src="../js/jquery-3.3.1.min.js"></script>
<script>
    function sendOPT() {
        $.ajax({
            url: '/send',
            method: 'post'
        }).done(message => {
            $(show).html("its Done");
        })
    }
</script>

我想将选中的checkBox项发送到后端(nodejs)并将其保存到我的数据库(Mongodb)中

我将后端写为以下内容:

app.post('/send', async(req, res) => {
    try {
        console.log("start");
        const body = _.pick(req.body, ['colors', 'cars'])
        console.log(body);

        let test = new fav({
            favcolor: body.colors,
            favcar: body.cars
        })
        await test.save();
        console.log(test);
        res.send('ok')


    } catch (e) {
        res.status(400).json({
            ERROR: `Something wend wrong and err is ${e}.`
        })
    }
});

[当我检查并单击发送时,我什么都没有,我已经通过广播或文本之类的任何输入测试了我的数据库和后端,并且工作正常,但在这种情况下,无法正常工作。

[NOTE]:

  • 我使用(表达,猫鼬,身体分析,lodash等)
回答如下:HTML页面中几乎不需要更改

发布复选框后的值,获取nodejs并保存在MongoDB中

这是我的HTML脚本:

<body>
    <form method="POST">
        <div>
            <input type="checkbox" name="color" value="red">red
            <br>
            <input type="checkbox" name='color' value="blue">blue
            <br>
            <input type="checkbox" name='color' value="Green">green
            <br>
            <input type="checkbox" name='color' value="black">black
            <br>
        </div>
        <br>
        <br>
        <div>
            <input type="checkbox" name='cars' value="benz">Benz
            <br>
            <input type="checkbox" name='cars' value="BMW">BMW
            <br>
            <input type="checkbox" name='cars' value="Kia">Kia
            <br>
            <input type="checkbox" name='cars' value="Mazzerati">Mazzerati
            <br>
        </div>
        <input type="button" onclick="sendOPT()" value="send">
    </form>
    <div id="show"></div>
</body>
<script src="../js/jquery-3.3.1.min.js"></script>
<script>
    function sendOPT() {
        $.ajax({
            url: '/send',
            method: 'post'
        }).done(message => {
            $(show).html("its Done");
        })
    }
</script>

我想将选中的checkBox项发送到后端(nodejs)并将其保存到我的数据库(Mongodb)中

我将后端写为以下内容:

app.post('/send', async(req, res) => {
    try {
        console.log("start");
        const body = _.pick(req.body, ['colors', 'cars'])
        console.log(body);

        let test = new fav({
            favcolor: body.colors,
            favcar: body.cars
        })
        await test.save();
        console.log(test);
        res.send('ok')


    } catch (e) {
        res.status(400).json({
            ERROR: `Something wend wrong and err is ${e}.`
        })
    }
});

[当我检查并单击发送时,我什么都没有,我已经通过广播或文本之类的任何输入测试了我的数据库和后端,并且工作正常,但在这种情况下,无法正常工作。

[NOTE]:

  • 我使用(表达,猫鼬,身体分析,lodash等)
回答如下:HTML页面中几乎不需要更改
发布评论

评论列表 (0)

  1. 暂无评论