Comment envoyer la forme en utilisant JS, Knot, Mongo et Express?

Je suis programmeur débutant. Je me demande comment envoyer un formulaire composé de JQuery Sélectionnez Date et Commutateurs à l'aide du bouton. Je veux envoyer le formulaire à la base de données Mongo intitulé
test

. Dans mon fichier
home.html

J'appelle diverses feuilles de style et fichiers javascript, dont j'ai besoin. Ensuite, j'ai configuré le champ de saisie dans
home.html

Et le bouton sous le formulaire pour l'envoi:


[code]html
<html>
<head>
<meta content="initial-scale=1.0, user-scalable=no" name="viewport"/>
<meta charset="utf-8"/>
<title>Home</title>
<!-- Local CSS and JS -->
<script src="/javascripts/home.js"></script>
<!-- Materialize: Compiled and minified CSS -->
<link href="https://cdnjs.cloudflare.com/a ... ot%3B rel="stylesheet"/>
<!-- Materialize: Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/a ... gt%3B
</head>
<body>
<!-- Input field I want to submit -->
<form action="/submit" method="post">
<input id="test1" type="radio"/><label for="test1">Test</label>
<input id="test2" type="radio"/><label for="test2">Test 2</label>
<input id="test3" type="radio"/><label for="test3">Test 3</label>
</form>
<!-- Button I want to use to submit -->
<button class="btn waves-effect waves-light" name="action" type="submit">Sumbit</button>
</body></html>
2021-05-21 ajouter un commentaire
Partager ceci

Aucun résultat connexe trouvé

    Invité:

    Blanche

    Confirmation de:

    J'ai trouvé ces deux manuels extrêmement utiles lorsque j'ai commencé à apprendre des défis Node, MongoDB et REST.

    http://cwbuecheler.com/web/tut ... ongo/
    http://cwbuecheler.com/web/tut ... godb/
    Voici quelques codes pertinents du 2e manuel

    Du côté du client:


    // Add User button click
    
 $/'#btnAddUser'/.on/'click', addUser/;
    
function addUser/event/ {
    
 event.preventDefault//;
    

    
 // Super basic validation - increase errorCount variable if any fields are blank
    
 var errorCount = 0;
    
 $/'#addUser input'/.each/function/index, val/ {
    
 if/$/this/.val// === ''/ { errorCount++; }
    
 }/;
    

    
 // Check and make sure errorCount's still at zero
    
 if/errorCount === 0/ {
    

    
 // If it is, compile all user info into one object
    
 var newUser = {
    
 'username': $/'#addUser fieldset input#inputUserName'/.val//,
    
 'email': $/'#addUser fieldset input#inputUserEmail'/.val//,
    
 'fullname': $/'#addUser fieldset input#inputUserFullname'/.val//,
    
 'age': $/'#addUser fieldset input#inputUserAge'/.val//,
    
 'location': $/'#addUser fieldset input#inputUserLocation'/.val//,
    
 'gender': $/'#addUser fieldset input#inputUserGender'/.val//
    
 }
    

    
 // Use AJAX to post the object to our adduser service
    
 $.ajax/{
    
 type: 'POST',
    
 data: newUser,
    
 url: '/users/adduser',
    
 dataType: 'JSON'
    
 }/.done/function/ response / {
    

    
 // Check for successful /blank/ response
    
 if /response.msg === ''/ {
    

    
 // Clear the form inputs
    
 $/'#addUser fieldset input'/.val/''/;
    

    
 // Update the table
    
 populateTable//;
    

    
 }
    
 else {
    

    
 // If something goes wrong, alert the error message that our service returned
    
 alert/'Error: ' + response.msg/;
    

    
 }
    
 }/;
    
 }
    
 else {
    
 // If errorCount is more than 0, error out
    
 alert/'Please fill in all fields'/;
    
 return false;
    
 }
    
};


    Sur le serveur:

    users.js


    /*
    
 * POST to adduser.
    
 */
    
router.post/'/adduser', function/req, res/ {
    
 var db = req.db;
    
 var collection = db.get/'userlist'/;
    
 collection.insert/req.body, function/err, result/{
    
 res.send/
    
 /err === null/ ? { msg: '' } : { msg: err }
    
 /;
    
 }/;
    
}/;


    app.js


    // Make our db accessible to our router
    
app.use/function/req,res,next/{
    
 req.db = db;
    
 next//;
    
}/;
    

    
app.use/'/users', users/;
    2021-05-21 0 0
    Partager ceci

    Cyrille

    Confirmation de:

    Ta question - Il s'agit d'un ensemble de petites questions ou étapes pouvant être résolues à bien des égards./Chaque étape dépend de la structure des outils et du code/. Par conséquent, l'approche la plus facile consiste à ouvrir une connexion à la base de données dans app.js et déterminer l'itinéraire POST Utilisation d'un routeur Express dans un fichier séparé ou dans le même app.js.

    le code:


    var router = express.Router//;
    
 MongoClient = require/'mongodb'/.MongoClient,
    
 Server = require/'mongodb'/.Server;
    

    
 var mongoclient = new MongoClient/new Server/"localhost", 27017//;
    
 var db = mongoclient.db/'mydb'/;
    

    
 router.post/'/myroute', function/req, res/{
    
 //Retrieve data sent by the client in the post request
    
 var param1 = req.body.param1;
    
 // Insert document in collection
    
 db.collection/'mycollection'/.insert/{ myfield: param1}, function/err, doc/ {
    

    
 if/err/ throw err;
    
 //Doc saved
    
 }/;
    
 }/;


    Je vous recommande de vous familiariser avec des manuels scolaires Node.js + MongoDB CRUD à travers l'Internet.
    Mongoose est une bibliothèque qui peut vous aider à identifier des diagrammes et de travailler avec une base de données.
    2021-05-21 0 0
    Partager ceci
    Pourquoi est-ce complexe? 0 réponses ont été bouchées

    Pour répondre aux questions, connectez-vous ou registre

    Copyright © 2023, All Rights Reserved