Enregistrer le formulaire html input de fichier json

<div class="email">
<section class="subscribe">
<div class="subscribe-pitch">
</div>
<form action="#" method="post" class="subscribe-form" id="emails_form">
<input type="email" class="subscribe-input" placeholder="Enter email for newsletter" >
<button id="email_submit" type="submit" value="send" class="subscribe-submit"><i class="fa fa-chevron-right"></i></button>
</form>

J'ai besoin d'enregistrer les données d'entrée à partir d'un simple formulaire e-mail d'un fichier json.Je pense que je le fais avec javascript. Quelqu'un peut aider, étape par étape, s'il vous plaît? Je suis novice

  • Est le json fichier téléchargé par l'utilisateur ou est-il envoyé à un autre endroit?
  • Quel type de serveur est cette forme d'e-mail (ou la page HTML contenant) hébergé sur?
  • Double Possible de Convertir les données de formulaire à l'objet JavaScript avec jQuery
  • Regardez cette réponse stackoverflow.com/a/2276477/3029422, il a aussi un exemple
  • Vous devez l'enregistrer sur le serveur? Si c'est le cas, le Javascript n'a rien à faire ici. Peut-être que PHP (ou autre langage côté serveur le serveur est à l'aide de) (lien avec quelque chose comme json_encode()). Mais, comme toujours, si vous avez un tableau Javascript et que vous avez besoin pour obtenir le JSON string en Javascript, JSON.stringify() pourrait vous aider. developer.mozilla.org/es/docs/Web/JavaScript/Referencia/...
  • Il est seulement dit de les enregistrer dans un fichier json.Je suppose que sur mon dossier racine du site..je n'ai pas vraiment savoir ce que cela signifie
  • C'est ma propre home.html fichier.Le psd pour le dit le site pour enregistrer les données de la forme d'e-mail d'un fichier json

InformationsquelleAutor The wise | 2016-08-15
  1. 2

    vous devez utiliser 

    'use strict';

 const fs = require('fs');

let student = {  
                    name: 'Mike',
                    age: 25, 
                    gender: 'Male',
                    department: 'English',
                    car: 'Honda' 
                };

                let data = JSON.stringify(student);  

fs.writeFileSync('file.json', data, finished);

                function finished(err)
                {
                    console.log('success');
                }
    InformationsquelleAutor bob
  2. 4

    DÉMO

    En utilisant la Sérialisation nous pouvons économiser de l'entrée de formulaire html pour la sortie JSON

    <script type="text/javascript">
  $(document).ready(function() {
  $("#btn").click(function(e){
     var jsonData = {};

   var formData = $("#myform").serializeArray();
  //console.log(formData);

   $.each(formData, function() {
        if (jsonData[this.name]) {
           if (!jsonData[this.name].push) {
               jsonData[this.name] = [jsonData[this.name]];
           }
           jsonData[this.name].push(this.value || '');
       } else {
           jsonData[this.name] = this.value || '';
       }


   });
   console.log(jsonData);
    $.ajax(
    {
        url : "action.php",
        type: "POST",
        data : jsonData,

    });
    e.preventDefault(); 
});
});
</script>

    HTML

    <div id="header">
Send Form's data as JSON
</div>
<form id="myform" type="post">
<fieldset>
<legend>Ajax Form  </legend>
<p>We would love to hear from you. Please fill out this form</p>
<div class="elements">
<label for="name">Name :</label>
<input  required="required" type="text"  value="Girish Kumar Santhu" name="fname"  size="20"  />
</div>
<div class="elements">
<label for="Age">Age :</label>
<input required="required" type="number" value="32" id="age" name="age" size="10" />
</div>  
<div class="elements">
<label for="pro"> Profession :</label>
<select name="pro">
<option value="Student">Student</option>
<option value="Engineer" selected="selected">Engineer</option>
</select>
</div>      
<div class="elements">
<label for="Gender">Gender: </label>
<input type="radio" name="gender" value="Male" checked="checked" id="r1"> Male 
<input type="radio" name="gender" value="Female" id="r2"> Female 
</div>  
<div class="elements">
<label for="hobby">Hobby :</label>
<input type="checkbox" name="hobby[]" value="Sports" id="ch1" checked="checked"> Sports 
<input type="checkbox" name="hobby[]" value="Coding"  id="ch2"> Coding 
</div>
<div class="submit">
<input type="submit" id="btn" name="btn" class="btn" value="Submit" />
</div>
<span class="elements">Press "Ctrl + Shift + J" to see sent JSON in console: <span>
</fieldset>
</form>
    • Pls votre réponse est utile pour moi. Mais comment puis-je enregistrer ce fichier n'est pas de la console à ce point. Merci
    InformationsquelleAutor Surya R Praveen
  3. 0

    Avec jQuery, c'est assez simple:

    var formData = JSON.stringify($("#emails_form").serializeArray());

    Si vous souhaitez stocker formData dans un fichier JSON, vous devez l'envoyer au serveur (par exemple, par AJAX) et de l'enregistrer. Mais dans ce cas, il vous suffit de poster le formulaire et de le convertir en JSON sur le serveur lui-même.

    Voir cette réponse.

    InformationsquelleAutor andreas