简体   繁体   English

将 Javascript 前端数据发送到 Express 后端

[英]Send Javascript frontend data to Express backend

I want try to retrieve data from my frontend via the DOM to the backend and I don't know how to do it.我想尝试通过 DOM 从我的前端检索数据到后端,但我不知道该怎么做。 I used a POST to console.log the datas but how to retrieve it in my Express backend?我使用 POST 来 console.log 数据,但如何在我的 Express 后端检索它? (The console.log works well) (console.log 运行良好)

My JS:我的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);
                    })

My node backend:我的节点后端:

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

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

Step 1. Actually send the data to the backend: Step 1. 实际发送数据到后端:

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

Step 2. Do something with it on the backend:第 2 步。在后端用它做一些事情:

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

Make sure you have the Express json bodyparser middleware loaded:确保已加载 Express json bodyparser 中间件:

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

var app = express()

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM