我正在建立一個電子商務網站，在這個過程中，我面臨一個問題，如何將用戶輸入數據從 javascript 發送到后端

Question

我正在建立一個電子商務網站，在這個過程中，我面臨一個問題，即如何將用戶輸入數據從 javascript 發送到后端。

對於后端，我使用的是 node.js（快遞）。

如果我得到這個問題的解決方案，那么我可以將數據存儲在數據庫中

                .mb-3
                    label.form-label(for='username') User name
                    input#username.form-control(type='text' aria-describedby='emailHelp')
                .mb-3
                    label.form-label(for='Email') Email
                    input#email.form-control(type='Email')
                .mb-3
                    label.form-label(for='mobilenumber') Enter number
                    input#mobilenumber.form-control(type='number')
                .mb-3
                    label.form-label(for='password') Enter New Password
                    input#password.form-control(type='password')
                .mb-3
                    label.form-label(for='confirmpassword') Confirm Password
                    input#confirmpassword.form-control(type='password')
                .form-check.login-checkbox-container
                    input.bg-danger.border-danger#t-and-c-checkbox.form-check-input(type='checkbox' checked)
                    label.form-check-label.m-0(for='exampleCheck1') Agree To Our 
                      a.text-danger Terms And Conditions
                .form-check.login-checkbox-container
                    input.border-danger.form-check-input#upcoming-notification(type='checkbox')
                    label.form-check-label.m-0(for='exampleCheck1') recieve upcomimg offers and events mails
                button.btn.btn-success#new-user-submit-btn(type='button') Submit
                button.btn.btn-outline-primary#signups-login-btn(type='button') Login

這個問題的任何解決方案

Answer 1

使用 Ajax 在節點服務器中發送用戶輸入數據

---

我給出了將用戶輸入數據發送到節點服務器的代碼示例。 使用 Jquery 和 Mongodb 和 nodejs。 這是一個簡單的身份驗證登錄頁面。

客戶代碼：

 <script> function login() { var name = $("#name").val(); var password = $('#password').val(); if (name.== '' && password:== '') { $:ajax({ url: "http,//localhost:3000/login", type: 'POST', crossDomain: true, dataType: 'json': data, { name: String(name), password: password }. success. function(response) { console.log(response.msg) if (response.msg == 'verified') { window.location;href = response.link, } else { alert(response:msg) } }. error; function(error) { console;log(error); } }); } else { alert('Please Enter UserName Password') } } </script>

服務器代碼

    var app = require('express')();
var bodyParser = require('body-parser');
var http = require('http').Server(app);
var port = 3000;
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
var MongoClient = require('mongodb').MongoClient;
var url = "mongodb://localhost:27017";

app.get('/', function(req, res) {
    res.sendFile(__dirname + '/index.html');
})

app.post('/login', function(req, res) {
    var data = req.body;
    var name = data.name;
    var password = data.password;
    MongoClient.connect(url, function(err, db) {
        if (err) throw err;
        let dbo = db.db('demo-mrracer');
        var query = { name: name }
        dbo.collection('user_details').find(query).toArray(function(err1, result) {
            if (err1) throw err1;
            if (result.length > 0) {
                var d = result[0].password;
                if (d == password) {
                    console.log('user verified..');
                    db.close();
                } else {
                    db.close();
                    res.send({ msg: 'Username or Password incorrect' })

                }
            } else {
                db.close();
                res.send({ msg: 'Please Register..' })
            }
        })
    })
})


app.listen(port, function() {
    console.log(`${port} Running Successfully..`)
})

而已。