Données POST au format JSON

Question

Données POST au format JSON

Demandé el 10 de Août, 2009: Quand la question a-t-elle été
312075 affichage: Nombre de visites la question a
3 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai des données que je dois convertir au format JSON, puis les envoyer avec une fonction JavaScript.

<body onload="javascript:document.myform.submit()">
<form action="https://www.test.net/Services/RegistrationService.svc/InviteNewContact" method="post" name="myform">
  <input name="firstName" value="harry" />
  <input name="lastName" value="tester" />
  <input name="toEmail" value="testtest@test.com" />
</form>
</body>

C'est ainsi que le poste se présente maintenant. Je dois soumettre les valeurs au format JSON et effectuer le POST avec JavaScript.

Demandé el 10 de Août, 2009 par Utilisateur non enregistré

Answer 1

3 Réponses

Answer 2

178voto

Jan Kuča Points 4393

Je ne sais pas si vous voulez jQuery.

var form;

form.onsubmit = function (e) {
  // stop the regular form submission
  e.preventDefault();

  // collect the form data while iterating over the inputs
  var data = {};
  for (var i = 0, ii = form.length; i < ii; ++i) {
    var input = form[i];
    if (input.name) {
      data[input.name] = input.value;
    }
  }

  // construct an HTTP request
  var xhr = new XMLHttpRequest();
  xhr.open(form.method, form.action, true);
  xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');

  // send the collected data as JSON
  xhr.send(JSON.stringify(data));

  xhr.onloadend = function () {
    // done
  };
};

Répondu el 23 de Octobre, 2012 par Jan Kuča (4393 Points )

Answer 3

29voto

Josh Stodola Points 42410

Voici un exemple utilisant jQuery ...

 <head>
   <title>Test</title>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script type="text/javascript" src="http://www.json.org/json2.js"></script>
   <script type="text/javascript">
     $(function() {
       var frm = $(document.myform);
       var dat = JSON.stringify(frm.serializeArray());

       alert("I am about to POST this:\n\n" + dat);

       $.post(
         frm.attr("action"),
         dat,
         function(data) {
           alert("Response: " + data);
         }
       );
     });
   </script>
</head>

Le jQuery serializeArray crée un objet Javascript avec les valeurs du formulaire. Vous pouvez alors utiliser JSON.stringify pour le convertir en chaîne de caractères, si nécessaire. Et vous pouvez aussi retirer votre corps en charge.

Répondu el 10 de Août, 2009 par Josh Stodola (42410 Points )

Answer 4

3voto

Felk Points 4110

En utilisant le nouveau Données du formulaire (et d'autres éléments ES6), vous pouvez faire cela pour transformer votre formulaire entier en JSON :

let data = {};
let formdata = new FormData(theform);
for (let tuple of formdata.entries()) data[tuple[0]] = tuple[1];

et puis juste xhr.send(JSON.stringify(data)); comme dans la réponse originale de Jan.

Répondu el 22 de Février, 2017 par Felk (4110 Points )

Données POST au format JSON

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Données POST au format JSON

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: