ansaurus

Question

POST data in JSON format with JAVASCRIPT

Answer 1

+4 A:

Here is an example using jQuery...

 <head>
   <title>Test</title>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
   <script type="text/javascript" src="http://www.json.org/json2.js"&gt;&lt;/script&gt;
   <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>

The jQuery serializeArray function creates a JSON 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.

Josh Stodola 2009-08-10 16:58:09

That's not going to submit the data in JSON format.

Crescent Fresh 2009-08-10 16:59:37

As a matter of fact, the serialize function converts form data to a JSON object.

Josh Stodola 2009-08-10 17:01:34

Josh, the example on jQuery shows otherwise: Looks more like a standard query-string than like JSON.

Jonathan Sampson 2009-08-10 17:04:31

You guys are right. I've updated the answer accordingly. Thanks!

Josh Stodola 2009-08-10 17:12:02

Is there anyway you could give me anymore details then this. A full blow example if possible. thanks again

2009-08-10 17:54:05

You got it, Randy!

Josh Stodola 2009-08-11 13:30:59

Josh I wish you would have left the original code in also. Showed New and Old Code.

Gutzofter 2009-10-15 14:59:12

ansaurus

tags:

views:

answers:

POST data in JSON format with JAVASCRIPT

related questions