0
votes

Comment obtenir des données de formulaire au format JSON en utilisant JavaScript ou JQuery

Comment obtenir des données de formulaire au format JSON, je peux faire quelque chose, mais je n'ai pas reçu de valeurs de champs. Im utilise JavaScript pour obtenir des valeurs de formulaire.

Mon code complet sur ici .. S'il vous plaît visitez mon violon. P>

Full Fiddle ici .. strong> p>

Je veux obtenir toutes les valeurs telles que le format JSON P> blockQquote>
exemple p> xxx pré>
mais je peux faire quelque chose ici p>
p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

javascript jquery html

0 commentaires

3 Réponses :

-1
votes

Je pense que cela vous sera utile

formulaire d'exemple xxx

Obtenir le formulaire xxx

à JSON xxx

https://developer.mozilla.org/en-us/docs/web/api/formData/FormData

Comment convertir formdata (objet HTML5) en JSON

6 commentaires

Oui, mon frère, mais mon cas im utilisant une table dynamique aussi, veuillez visiter mon violon - jsfiddle.net/joelshah/ke3htsdm < / a>

Merci Commentaire Dino.

Dans mon cas, j'utilise la table dynamique monsieur, comment puis-je m'approcher cela?

Ajout d'une autre réponse, je pense que vous pouvez déplacer la position de la variable 'MAINARRAR, TMPARN'

Pouvez-vous me donner un lien de violon?

@hojin monsieur, comment obtenir des valeurs de formulaire entières? Vous avez créé uniquement des valeurs de table, mais j'ai juste besoin de valeurs de formulaire entières. Pouvez-vous mettre à jour le violon s'il vous plaît

0
votes

Ceci sera utile

écrire ci-dessous le code dans la fonction de soumission p>

var formData = {};

$("#contactForm").find('.form-control').each(function(index, control) {



  if (this.tagName.toLowerCase() == 'select' || this.tagName.toLowerCase() == 'input') {
        formData[this.name] = $(this).val()
		
  }
});

console.log(formData)

2 commentaires

monsieur, il ne faut pas obtenir de données de table

0
votes

Cette approche peut aider

function loadValues() {
  //move on this
  var mainArr = [];
  var tmpArr = [];
  var mainTable = $('#tab_logic');
  var tr = mainTable.find('tbody tr');
  console.log(tr.length)
  tr.each(function() {
    tmpArr = [];
    $(this).find('td').each(function() {

      //get attr id
      let title = $(this).find('input, selet').attr('id');

      var values = $(this).find('input, select').val();

      //input json format
      let pushing = $.parseJSON( '{ "' + title + '": "' + values + '" }' );

      tmpArr.push(pushing);

    });
    mainArr.push(tmpArr);
  });
  console.log(mainArr);
}

0 commentaires