IT:AD:JSON:HowTo:POST JSON back to the Server [Notes]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
# IT:AD:JSON:HowTo:POST JSON back to the Server #



<callout type="Navigation" class="small">

* [[../|(UP)]]
{{indexmenu>.#2|nsort tsort}}


</callout>


<panel title="Summary">

In traditional web services one posts back using `application/x-www-form-urlencoded` (`multipart/form-data` if dealing with file uploading).

But as we move to [[IT/AD/SPA/]] architectures, and APIs, we are now querying, and posting back, to API endpoints, using JSON.


</panel>


## Process ##


JQuery does not have a JSON Serializer.
* The argument being that it doesn't need one internally, and can handle it as follows:


<sxh javascript>
     $.post("test.php", { name: "John", time: "2pm" } );  

     $.post("test.php", { 'choices[]': ["Jon", "Susan"] });

     $.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {
       alert("JSON Data: " + json.users[3].name);
     });
</sxh>

<WRAP important>

In all 3 cases (including last) the serialization in these cases is not the same as `JSON.Stringify()`, 
instead the data is serialised into a html *query string*.
</WRAP>

Therefore, as expressed [here](http://stackoverflow.com/a/1788251) use JSON2.js to allow use of Builtin JSON 
object if available, or use code if not:

* [http://www.json.org/js.html](http://www.json.org/js.html)

That way you can do (see [here](http://stackoverflow.com/q/3854629)):

<sxh javascript>
    $.ajax({  
      url: "/path/to/url",  
      type: "POST",  
      dataType: "json",  
      contentType: "application/json",  
      data: JSON.stringify({"foo": "bar"}),  
      success: function(){              
        alert("success :-)");  
      },  
      error: function(){  
        alert("fail :-(");  
      }  
    }); 
</sxh>