Empfangen von Formulardaten in einem Array in node.js mit Express?

Question

Ich möchte ein Formular erstellen, das eine Anfrage vom Typ POST und sendet die Daten an den node.js Server (mit Express).

Wie kann das Formular als Array im Server gesendet und empfangen werden?

Answer 1

PHP eine Erweiterung des application/x-www-form-urlencoded Datenformat eingeführt, die komplexe Datenstrukturen codiert werden können. Express unterstützt dieses Format über das body-parser-Modul.

Benennen Sie die Felder mit [] am Ende des Namens.

<fieldset> 
    <legend>What animals do you like?</legend> 
    <label><input type="checkbox" name="animals[]" value="Cats"> Cats</label> 
    <label><input type="checkbox" name="animals[]" value="Dogs"> Dogs</label> 
    <label><input type="checkbox" name="animals[]" value="Tortoises"> Tortoises</label> 
</fieldset> 

Dann in Express, verwenden Sie die body-parser middleware und schalten Sie Unterstützung erweitert.

app.use(bodyParser.urlencoded({ extended: true })) 

Wenn Sie lesen die request body, animals wird ein Array (oder nicht gesetzt, wenn keines der Kontrollkästchen aktiviert wurden).

Answer 2

Sie können es mit Ajax

Schritt 1: Erstellen Sie eine Datei index.html

<form onsubmit="save()"> 
<input type="text" id="uname"> 
<input type="submit" value="submit"> 
</form> 

Schritt 2: Jetzt Script-Tag legen und unter Code schreiben, um die Daten zu Ihrem node.js senden Server

<script> 
function save() 
{ 
    var uname=document.getElementById("uname").value; 
//creating json array which is to be sent to the server 

    var packet={uname:uname}; 
    packet=JSON.stringify(packet); 

// Now send it to the server 
    $.ajax({ 
    type:"POST", 
    data:{packet:packet}, 
    url:"/login" 
    success:function(data){} 
    }); 
</script> 

Schritt 3 nun in Server-Seite eine Datei app.js namens erstellen Und bitte das Körper-Parser-Modul auf dem Server Verwendung b installieren elow Befehl dieses Modul installieren

npm install body-parser 

Jetzt schreiben diesen Code in app.js

app.post("/login",function(req,res){ 
    var packet=req.body.packet; 
    packet=JSON.parse(packet); 
    var uname=packet.uname; 
    // Do anything with this variable 
});