POST data in JSON format

Question

I have some data that I need to convert to JSON format and then POST it with a JavaScript function    lt body onload  javascript document myform submit    gt   lt form action  https   www test net Services RegistrationService svc InviteNewContact  method  post  name  myform  gt     lt input name  firstName  value  harry    gt     lt input name  lastName  value  tester    gt     lt input name  toEmail  value  testtest test com    gt   lt  form gt   lt  body gt    This is the way the post looks now  I need it submit the values in JSON format and do the POST with JavaScript

User · Answer

Using the new FormData object  and other ES6 stuff   you can do this to turn your entire form into JSON  let data       let formdata   new FormData theform   for  let tuple of formdata entries    data tuple 0     tuple 1    and then just xhr send JSON stringify data    like in Jan s original answer

User · Answer

Here is an example using jQuery       lt head gt      lt title gt Test lt  title gt      lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 3 2 jquery min js  gt  lt  script gt      lt script type  text javascript  src  http   www json org json2 js  gt  lt  script gt      lt script type  text javascript  gt         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                                     lt  script gt   lt  head gt    The jQuery serializeArray function creates a Javascript object with the form values   Then you can use JSON stringify to convert that into a string  if needed   And you can remove your body onload  too

User · Answer

Not sure if you want 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  lt  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

User · Answer

Another example is available here   Sending a JSON to server and retrieving a JSON in return  without JQuery  Which is the same as jans answer  but also checks the servers response by setting a onreadystatechange callback on the XMLHttpRequest

[javascript] POST data in JSON format

Examples related to javascript

Examples related to json

Examples related to post

Examples related to xmlhttprequest