Using JSON POST Request

Question

I m attempting to use JSON to initiate a POST request to an API   I ve found some example code  and before I get too far I wanted to get that working  but I m stuck      lt html gt   lt head gt   lt script type  text javascript  gt  function JSONTest     requestNumber   JSONRequest post       https   example com api                  apikey   23462           method   example           ip   208 74 35 5             function  requestNumber  value  exception            if  value                processResponse value             else               processError exception                          lt  script gt   lt  head gt   lt body gt    lt h1 gt My JSON Web Page lt  h1 gt     lt button type  button  onclick  JSONTest    gt JSON lt  button gt    lt  body gt   lt  html gt     This is a  html file  which I am running in chrome  Nothing happens when I click the button      I think I m missing a piece of javascript which interprets the JSON response and can be displayed  otherwise any other advice

User · Answer

Modern browsers do not currently implement JSONRequest (as far as I know) since it is only a draft right now. I have found someone who has implemented it as a library that you can include in your page: http://devpro.it/JSON/files/JSONRequest-js.html (please note that it has a few dependencies).

Otherwise, you might want to go with another JS library like jQuery or Mootools.

User · Answer

An example using jQuery is below  Hope this helps   lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html gt   lt title gt My jQuery JSON Web Page lt  title gt   lt head gt   lt script type  text javascript  src  https   ajax googleapis com ajax libs jquery 1 7 2 jquery min js  gt  lt  script gt   lt script type  text javascript  gt   JSONTest   function          var resultDiv       resultDivContainer           ajax           url   https   example com api            type   POST           data    apiKey   23462   method   example   ip   208 74 35 5             dataType   json           success  function  result                switch  result                    case true                      processResponse result                       break                  default                      resultDiv html result                                    error  function  xhr  ajaxOptions  thrownError            alert xhr status           alert thrownError                          lt  script gt   lt  head gt   lt body gt    lt h1 gt My jQuery JSON Web Page lt  h1 gt    lt div id  resultDivContainer  gt  lt  div gt    lt button type  button  onclick  JSONTest    gt JSON lt  button gt    lt  body gt   lt  html gt     Firebug debug process

[javascript] Using JSON POST Request

Examples related to javascript

Examples related to json

Examples related to api

Examples related to post