首页 > 解决方案 > 将 Javascript 前端数据发送到 Express 后端

问题描述

我想尝试通过 DOM 从我的前端检索数据到后端,但我不知道该怎么做。我使用 POST 来控制台记录数据,但如何在我的 Express 后端检索它?(console.log 运行良好)

我的 JS:

let urlSave = hitsItem.querySelector('.link-item').href;
            let imgSave = hitsItem.querySelector('.infinitehits__img').src;
            let marqueSave = hitsItem.querySelector('.hit__marque').textContent;
            let smSave = hitsItem.querySelector('.hit__sous_modele2').textContent;
            let typeSave = hitsItem.querySelector('.hit__type').textContent;
            let yearsSave = hitsItem.querySelector('.hit__year_interval').textContent;
            let coteEuSave = hitsItem.querySelector('.cote_actual_eu').textContent;
            let coteUsdSave = hitsItem.querySelector('.cote_actual_usd').textContent;
            let coteGbSave = hitsItem.querySelector('.cote_actual_gb').textContent;
            let coteChfSave = hitsItem.querySelector('.cote_actual_chf').textContent;
let modelSave = {
                        urlSave: urlSave,
                        imgSave: imgSave,
                        marqueSave: marqueSave,
                        smSave: smSave,
                        typeSave: typeSave,
                        yearsSave: yearsSave,
                        coteEuSave: coteEuSave,
                        coteUsdSave: coteUsdSave,
                        coteGbSave: coteGbSave,
                        coteChfSave: coteChfSave
                    }
                    //console.log(modelSave)
                    // Get datas to save
                    $.post('/fr/save', () => {
                        console.log(modelSave);
                    })

我的节点后端:

router.post('/save', ensureAuthenticated, (req, res) => {
    res.send('yep')
})

router.get('/save', ensureAuthenticated, (req, res) => {
    res.send('yep')
})

标签: javascriptnode.jsexpress

解决方案


步骤 1. 实际将数据发送到后端:

$.post( '/fr/save', modelSave );

步骤 2. 在后端使用它做一些事情:

router.post('/save', ensureAuthenticated, (req, res) => {
    console.log(req.body)
    res.send('yep')
})

确保您已加载 Express json bodyparser 中间件:

var express = require('express')
var bodyParser = require('body-parser')

var app = express()

// parse application/json
app.use(bodyParser.json())

推荐阅读