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>
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/;

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.

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