How do I send a cross-domain POST request via JavaScript

Question

How do I send a cross-domain POST request via JavaScript   Notes - it shouldn t refresh the page  and I need to grab and parse the response afterwards

User · Answer

I think the best way is to use XMLHttpRequest  e g    ajax      post   in jQuery  with one of Cross-Origin Resource Sharing polyfills https   github com Modernizr Modernizr wiki HTML5-Cross-Browser-Polyfills wiki-CORS

User · Answer

CORS is for you  CORS is  Cross Origin Resource Sharing   is a way to send cross domain request Now the XMLHttpRequest2 and Fetch API both support CORS  and it can send both POST and GET request  But it has its limits Server need to specific claim the Access-Control-Allow-Origin  and it can not be set to       And if you want any origin can send request to you  you need JSONP  also need to set Access-Control-Allow-Origin  but can be       For lots of request way if you don t know how to choice  I think you need a full functional component to do that Let me introduce a simple component https   github com Joker-Jelly catta    If you are using modern browser    IE9  Chrome  FF  Edge  etc    Very Recommend you to use a simple but beauty component https   github com Joker-Jelly catta It have no dependence  Less than 3KB  and it support Fetch  AJAX and JSONP with same deadly sample syntax and options   catta    data simple json   then function  res      console log res         It also it support all the way to import to your project  like ES6 module  CommonJS and even  lt script gt  in HTML

User · Answer

I think the best way is to use XMLHttpRequest  e g    ajax      post   in jQuery  with one of Cross-Origin Resource Sharing polyfills https   github com Modernizr Modernizr wiki HTML5-Cross-Browser-Polyfills wiki-CORS

User · Answer

If you have access to the cross domain server and don t want to make any code changes on server side  you can use a library called -  xdomain     How it works    Step 1  server 1  include the xdomain library and configure the cross domain as a slave    lt script src  js xdomain min js  slave  https   crossdomain server proxy html  gt  lt  script gt    Step 2  on cross domain server  create a proxy html file and include server 1 as a master   proxy html   lt  DOCTYPE HTML gt   lt script src  js xdomain min js  gt  lt  script gt   lt script gt    xdomain masters        https   server1               lt  script gt    Step 3   Now  you can make an AJAX call to the proxy html as endpoint from server1  This is bypass the CORS request  The library internally uses iframe solution which works with Credentials and all possible methods  GET  POST etc   Query ajax code     ajax           url   https   crossdomain server proxy html           type   POST           data  JSON stringify  data           dataType   json           contentType   application json  charset utf-8              done  success       fail  failed

User · Answer

If you have access to the cross domain server and don t want to make any code changes on server side  you can use a library called -  xdomain     How it works    Step 1  server 1  include the xdomain library and configure the cross domain as a slave    lt script src  js xdomain min js  slave  https   crossdomain server proxy html  gt  lt  script gt    Step 2  on cross domain server  create a proxy html file and include server 1 as a master   proxy html   lt  DOCTYPE HTML gt   lt script src  js xdomain min js  gt  lt  script gt   lt script gt    xdomain masters        https   server1               lt  script gt    Step 3   Now  you can make an AJAX call to the proxy html as endpoint from server1  This is bypass the CORS request  The library internally uses iframe solution which works with Credentials and all possible methods  GET  POST etc   Query ajax code     ajax           url   https   crossdomain server proxy html           type   POST           data  JSON stringify  data           dataType   json           contentType   application json  charset utf-8              done  success       fail  failed

User · Answer

I know this is an old question  but I wanted to share my approach  I use cURL as a proxy  very easy and consistent  Create a php page called submit php  and add the following code    lt    function post  url   data     header   array  User-Agent        SERVER  HTTP USER AGENT     Content-Type  application x-www-form-urlencoded     curl   curl init    curl setopt  curl  CURLOPT URL   url   curl setopt  curl  CURLOPT HTTPHEADER   header   curl setopt  curl  CURLOPT RETURNTRANSFER  1   curl setopt  curl  CURLOPT POST  1   curl setopt  curl  CURLOPT POSTFIELDS   data    response   curl exec  curl   curl close  curl   return  response      url    your cross domain request here    data     SERVER  QUERY STRING    echo post  url   data      Then  in your js  jQuery here      ajax   type   POST   url   submit php   crossDomain  true  data     some   json     dataType   json   success  function responseData  textStatus  jqXHR        var value   responseData someKey     error  function  responseData  textStatus  errorThrown        alert  POST failed

User · Answer

If you control the remote server  you should probably use CORS  as described in this answer  it s supported in IE8 and up  and all recent versions of FF  GC  and Safari   But in IE8 and 9  CORS won t allow you to send cookies in the request    So  if you don t control the remote server  or if you have to support IE7  or if you need cookies and you have to support IE8 9  you ll probably want to use an iframe technique    Create an iframe with a unique name   iframes use a global namespace for the entire browser  so pick a name that no other website will use   Construct a form with hidden inputs  targeting the iframe  Submit the form    Here s sample code  I tested it on IE6  IE7  IE8  IE9  FF4  GC11  S5   function crossDomainPost          Add the iframe with a unique name   var iframe   document createElement  iframe      var uniqueString    CHANGE THIS TO SOME UNIQUE STRING     document body appendChild iframe     iframe style display    none     iframe contentWindow name   uniqueString        construct a form with hidden inputs  targeting the iframe   var form   document createElement  form      form target   uniqueString    form action    http   INSERT YOUR URL HERE     form method    POST         repeat for each parameter   var input   document createElement  input      input type    hidden     input name    INSERT YOUR PARAMETER NAME HERE     input value    INSERT YOUR PARAMETER VALUE HERE     form appendChild input      document body appendChild form     form submit        Beware  You won t be able to directly read the response of the POST  since the iframe exists on a separate domain  Frames aren t allowed to communicate with each other from different domains  this is the same-origin policy   If you control the remote server but you can t use CORS  e g  because you re on IE8 IE9 and you need to use cookies   there are ways to  work around the same-origin policy  for example by using window postMessage and or one of a number of libraries allowing you to send cross-domain cross-frame messages in older browsers    Porthole XSSInterface EasyXDM jQuery PostMessage Plugin   If you don t control the remote server  then you can t read the response of the POST  period  It would cause security problems otherwise

User · Answer

Create two hidden iframes  add  display  none   to the css style   Make your second iframe point to something on your own domain  Create a hidden form  set its method to  post  with target   your first iframe  and optionally set enctype to  multipart form-data   I m thinking you want to do POST because you want to send multipart data like pictures   When ready  make the form submit   the POST  If you can get the other domain to return javascript that will do Cross-Domain Communication With Iframes  http   softwareas com cross-domain-communication-with-iframes  then you are in luck  and you can capture the response as well     Of course  if you want to use your server as a proxy  you can avoid all this  Simply submit the form to your own server  which will proxy the request to the other server  assuming the other server isn t set up to notice IP discrepancies   get the response  and return whatever you like

User · Answer

This is an old question  but some new technology might help someone out   If you have administrative access to the other server then you can use the opensource Forge project to accomplish your cross-domain POST  Forge provides a cross-domain JavaScript XmlHttpRequest wrapper that takes advantage of Flash s raw socket API  The POST can even be done over TLS   The reason you need administrative access to the server you are POSTing to is because you must provide a cross-domain policy that permits access from your domain   http   github com digitalbazaar forge

User · Answer

Should be possible with a YQL custom table   JS XHR  take a look at  http   developer yahoo com yql guide index html  I use it to do some client side  js  html scraping  works fine   I have a full audio player  with search on internet playlists lyrics last fm informations  all client js   YQL

User · Answer

Check the post method function in http   taiyolab com mbtweet scripts twitterapi call js - a good example for the iframe method described above

User · Answer

This is an old question  but some new technology might help someone out   If you have administrative access to the other server then you can use the opensource Forge project to accomplish your cross-domain POST  Forge provides a cross-domain JavaScript XmlHttpRequest wrapper that takes advantage of Flash s raw socket API  The POST can even be done over TLS   The reason you need administrative access to the server you are POSTing to is because you must provide a cross-domain policy that permits access from your domain   http   github com digitalbazaar forge

User · Answer

One more important thing to note    In example above it s described how to use     ajax       type        POST       dataType    json        url         another-remote-server                 JQuery 1 6 and lower has a bug with cross-domain XHR  According to Firebug no requests except OPTIONS were sent  No POST  At all   Spent 5 hours testing tuning my code  Adding a lot of headers on the remote server  script   Without any effect  But later  I ve updated JQuery lib to 1 6 4  and everything works like a charm

User · Answer

Update  Before continuing everyone should read and understand the html5rocks tutorial on CORS  It is easy to understand and very clear   If you control the server being POSTed  simply leverage the  Cross-Origin Resource Sharing standard  by setting response headers on the server   This answer is discussed in other answers in this thread  but not very clearly in my opinion   In short here is how you accomplish the cross domain POST from from com 1 html to to com postHere php  using PHP as an example   Note  you only need to set Access-Control-Allow-Origin for NON OPTIONS requests - this example always sets all headers for a smaller code snippet    In postHere php setup the following   switch    SERVER  HTTP ORIGIN          case  http   from com   case  https   from com       header  Access-Control-Allow-Origin      SERVER  HTTP ORIGIN         header  Access-Control-Allow-Methods  GET  PUT  POST  DELETE  OPTIONS        header  Access-Control-Max-Age  1000        header  Access-Control-Allow-Headers  Content-Type  Authorization  X-Requested-With        break      This allows your script to make cross domain POST  GET and OPTIONS   This will become clear as you continue to read    Setup your cross domain POST from JS  jQuery example      ajax       type   POST       url   https   to com postHere php       crossDomain  true      data     some   json         dataType   json       success  function responseData  textStatus  jqXHR            var value   responseData someKey             error  function  responseData  textStatus  errorThrown            alert  POST failed                  When you do the POST in step 2  your browser will send a  OPTIONS  method to the server   This is a  sniff  by the browser to see if the server is cool with you POSTing to it   The server responds with an  Access-Control-Allow-Origin  telling the browser its OK to POST GET ORIGIN if request originated from  http   from com  or  https   from com    Since the server is OK with it  the browser will make a 2nd request  this time a POST    It is good practice to have your client set the content type it is sending - so you ll need to allow that as well   MDN has a great write-up about HTTP access control  that goes into detail of how the entire flow works  According to their docs  it should  work in browsers that support cross-site XMLHttpRequest   This is a bit misleading however  as I THINK only modern browsers allow cross domain POST   I have only verified this works with safari chrome FF 3 6   Keep in mind the following if you do this    Your server will have to handle 2 requests per operation You will have to think about the security implications  Be careful before doing something like  Access-Control-Allow-Origin      This wont work on mobile browsers  In my experience they do not allow cross domain POST at all  I ve tested android  iPad  iPhone There is a pretty big bug in FF  lt  3 6 where if the server returns a non 400 response code AND there is a response body  validation errors for example   FF 3 6 wont get the response body  This is a huge pain in the ass  since you cant use good REST practices  See bug here  its filed under jQuery  but my guess is its a FF bug - seems to be fixed in FF4   Always return the headers above  not just on OPTION requests  FF needs it in the response from the POST

User · Answer

I know this is an old question  but I wanted to share my approach  I use cURL as a proxy  very easy and consistent  Create a php page called submit php  and add the following code    lt    function post  url   data     header   array  User-Agent        SERVER  HTTP USER AGENT     Content-Type  application x-www-form-urlencoded     curl   curl init    curl setopt  curl  CURLOPT URL   url   curl setopt  curl  CURLOPT HTTPHEADER   header   curl setopt  curl  CURLOPT RETURNTRANSFER  1   curl setopt  curl  CURLOPT POST  1   curl setopt  curl  CURLOPT POSTFIELDS   data    response   curl exec  curl   curl close  curl   return  response      url    your cross domain request here    data     SERVER  QUERY STRING    echo post  url   data      Then  in your js  jQuery here      ajax   type   POST   url   submit php   crossDomain  true  data     some   json     dataType   json   success  function responseData  textStatus  jqXHR        var value   responseData someKey     error  function  responseData  textStatus  errorThrown        alert  POST failed

User · Answer

There is one more way  using html5 feature   You can use proxy iframe hosted on that other domain  you send message using postMessage to that iframe  then that iframe can do POST request  on same domain  and postMessage back with reposnse to the parent window   parent on sender com  var win      iframe   0  contentWindow  function get event        if  event origin      http   reciver com                event data is response from POST          if  window addEventListener       addEventListener  message   get  false    else       attachEvent  onmessage   get    win postMessage JSON stringify  url   URL   data        http   reciver com      iframe on reciver com  function listener event        if  event origin      http   sender com             var data   JSON parse event data             post data url  data data  function reponse                window parent postMessage reponse                               don t know if we can use jQuery here if  window addEventListener       addEventListener  message   listener  false    else       attachEvent  onmessage   listener

User · Answer

Should be possible with a YQL custom table   JS XHR  take a look at  http   developer yahoo com yql guide index html  I use it to do some client side  js  html scraping  works fine   I have a full audio player  with search on internet playlists lyrics last fm informations  all client js   YQL

User · Answer

One more important thing to note    In example above it s described how to use     ajax       type        POST       dataType    json        url         another-remote-server                 JQuery 1 6 and lower has a bug with cross-domain XHR  According to Firebug no requests except OPTIONS were sent  No POST  At all   Spent 5 hours testing tuning my code  Adding a lot of headers on the remote server  script   Without any effect  But later  I ve updated JQuery lib to 1 6 4  and everything works like a charm

User · Answer

If you want to do this in ASP net MVC environment with JQuery AJAX  follow these steps   this is a summary of the solution offered at this thread    Assume that  caller com  can be any website  needs to post to  server com  an ASP net MVC application    On the  server com  app s Web config add the following section      lt httpProtocol gt         lt customHeaders gt             lt add name  Access-Control-Allow-Origin  value       gt             lt add name  Access-Control-Allow-Headers  value  Content-Type    gt             lt add name  Access-Control-Allow-Methods  value  POST  GET  OPTIONS    gt         lt  customHeaders gt     lt  httpProtocol gt   On the  server com   we ll have the following action on the controller called  Home   to which we will be posting    HttpPost  public JsonResult Save           Handle the post data         return Json          new                       IsSuccess   true                Then from the  caller com   post data from a form with the html id  formId   to  server com  as follow     ajax           type   POST           url   http   www server com home save           dataType   json           crossDomain  true          data    formId  serialize            success  function  jsonResult                 do what ever with the reply                    error  function  jqXHR  textStatus                  handle error

User · Answer

Create an iFrame   put a form in it with Hidden inputs   set the form s action to the URL   Add iframe to document submit the form   Pseudocode   var ifr   document createElement  iframe     var frm   document createElement  form     frm setAttribute  action    yoururl     frm setAttribute  method    post         create hidden inputs  add them     not shown  but similar  create  setAttribute  appendChild    ifr appendChild frm    document body appendChild ifr    frm submit      You probably want to style the iframe  to be hidden and absolutely positioned   Not sure cross site posting will be allowed by the browser  but if so  this is how to do it

User · Answer

High level     You need to have a cname setup on your server so that other-serve your-server com points to other-server com   Your page dynamically creates an invisible iframe  which acts as your transport to other-server com   You then have to communicate via JS from your page to the other-server com and have call backs that return the data back to your page     Possible but requires coordination from your-server com and other-server com

User · Answer

If you control the remote server  you should probably use CORS  as described in this answer  it s supported in IE8 and up  and all recent versions of FF  GC  and Safari   But in IE8 and 9  CORS won t allow you to send cookies in the request    So  if you don t control the remote server  or if you have to support IE7  or if you need cookies and you have to support IE8 9  you ll probably want to use an iframe technique    Create an iframe with a unique name   iframes use a global namespace for the entire browser  so pick a name that no other website will use   Construct a form with hidden inputs  targeting the iframe  Submit the form    Here s sample code  I tested it on IE6  IE7  IE8  IE9  FF4  GC11  S5   function crossDomainPost          Add the iframe with a unique name   var iframe   document createElement  iframe      var uniqueString    CHANGE THIS TO SOME UNIQUE STRING     document body appendChild iframe     iframe style display    none     iframe contentWindow name   uniqueString        construct a form with hidden inputs  targeting the iframe   var form   document createElement  form      form target   uniqueString    form action    http   INSERT YOUR URL HERE     form method    POST         repeat for each parameter   var input   document createElement  input      input type    hidden     input name    INSERT YOUR PARAMETER NAME HERE     input value    INSERT YOUR PARAMETER VALUE HERE     form appendChild input      document body appendChild form     form submit        Beware  You won t be able to directly read the response of the POST  since the iframe exists on a separate domain  Frames aren t allowed to communicate with each other from different domains  this is the same-origin policy   If you control the remote server but you can t use CORS  e g  because you re on IE8 IE9 and you need to use cookies   there are ways to  work around the same-origin policy  for example by using window postMessage and or one of a number of libraries allowing you to send cross-domain cross-frame messages in older browsers    Porthole XSSInterface EasyXDM jQuery PostMessage Plugin   If you don t control the remote server  then you can t read the response of the POST  period  It would cause security problems otherwise

User · Answer

If you have access to all servers involved  put the following in the header of the reply for the page being requested in the other domain   PHP   header  Access-Control-Allow-Origin         For example  in Drupal s xmlrpc php code you would do this   function xmlrpc server output  xml         xml     lt  xml version  1 0   gt     n    xml      header  Connection  close        header  Content-Length     strlen  xml        header  Access-Control-Allow-Origin           header  Content-Type  application x-www-form-urlencoded        header  Date     date  r             xml   str replace   n         xml         echo  xml      exit      This probably creates a security problem  and you should make sure that you take the appropriate measures to verify the request

User · Answer

Update  Before continuing everyone should read and understand the html5rocks tutorial on CORS  It is easy to understand and very clear   If you control the server being POSTed  simply leverage the  Cross-Origin Resource Sharing standard  by setting response headers on the server   This answer is discussed in other answers in this thread  but not very clearly in my opinion   In short here is how you accomplish the cross domain POST from from com 1 html to to com postHere php  using PHP as an example   Note  you only need to set Access-Control-Allow-Origin for NON OPTIONS requests - this example always sets all headers for a smaller code snippet    In postHere php setup the following   switch    SERVER  HTTP ORIGIN          case  http   from com   case  https   from com       header  Access-Control-Allow-Origin      SERVER  HTTP ORIGIN         header  Access-Control-Allow-Methods  GET  PUT  POST  DELETE  OPTIONS        header  Access-Control-Max-Age  1000        header  Access-Control-Allow-Headers  Content-Type  Authorization  X-Requested-With        break      This allows your script to make cross domain POST  GET and OPTIONS   This will become clear as you continue to read    Setup your cross domain POST from JS  jQuery example      ajax       type   POST       url   https   to com postHere php       crossDomain  true      data     some   json         dataType   json       success  function responseData  textStatus  jqXHR            var value   responseData someKey             error  function  responseData  textStatus  errorThrown            alert  POST failed                  When you do the POST in step 2  your browser will send a  OPTIONS  method to the server   This is a  sniff  by the browser to see if the server is cool with you POSTing to it   The server responds with an  Access-Control-Allow-Origin  telling the browser its OK to POST GET ORIGIN if request originated from  http   from com  or  https   from com    Since the server is OK with it  the browser will make a 2nd request  this time a POST    It is good practice to have your client set the content type it is sending - so you ll need to allow that as well   MDN has a great write-up about HTTP access control  that goes into detail of how the entire flow works  According to their docs  it should  work in browsers that support cross-site XMLHttpRequest   This is a bit misleading however  as I THINK only modern browsers allow cross domain POST   I have only verified this works with safari chrome FF 3 6   Keep in mind the following if you do this    Your server will have to handle 2 requests per operation You will have to think about the security implications  Be careful before doing something like  Access-Control-Allow-Origin      This wont work on mobile browsers  In my experience they do not allow cross domain POST at all  I ve tested android  iPad  iPhone There is a pretty big bug in FF  lt  3 6 where if the server returns a non 400 response code AND there is a response body  validation errors for example   FF 3 6 wont get the response body  This is a huge pain in the ass  since you cant use good REST practices  See bug here  its filed under jQuery  but my guess is its a FF bug - seems to be fixed in FF4   Always return the headers above  not just on OPTION requests  FF needs it in the response from the POST

User · Answer

If you have access to all servers involved  put the following in the header of the reply for the page being requested in the other domain   PHP   header  Access-Control-Allow-Origin         For example  in Drupal s xmlrpc php code you would do this   function xmlrpc server output  xml         xml     lt  xml version  1 0   gt     n    xml      header  Connection  close        header  Content-Length     strlen  xml        header  Access-Control-Allow-Origin           header  Content-Type  application x-www-form-urlencoded        header  Date     date  r             xml   str replace   n         xml         echo  xml      exit      This probably creates a security problem  and you should make sure that you take the appropriate measures to verify the request

User · Answer

If you want to do this in ASP net MVC environment with JQuery AJAX  follow these steps   this is a summary of the solution offered at this thread    Assume that  caller com  can be any website  needs to post to  server com  an ASP net MVC application    On the  server com  app s Web config add the following section      lt httpProtocol gt         lt customHeaders gt             lt add name  Access-Control-Allow-Origin  value       gt             lt add name  Access-Control-Allow-Headers  value  Content-Type    gt             lt add name  Access-Control-Allow-Methods  value  POST  GET  OPTIONS    gt         lt  customHeaders gt     lt  httpProtocol gt   On the  server com   we ll have the following action on the controller called  Home   to which we will be posting    HttpPost  public JsonResult Save           Handle the post data         return Json          new                       IsSuccess   true                Then from the  caller com   post data from a form with the html id  formId   to  server com  as follow     ajax           type   POST           url   http   www server com home save           dataType   json           crossDomain  true          data    formId  serialize            success  function  jsonResult                 do what ever with the reply                    error  function  jqXHR  textStatus                  handle error

User · Answer

High level     You need to have a cname setup on your server so that other-serve your-server com points to other-server com   Your page dynamically creates an invisible iframe  which acts as your transport to other-server com   You then have to communicate via JS from your page to the other-server com and have call backs that return the data back to your page     Possible but requires coordination from your-server com and other-server com

User · Answer

Create an iFrame   put a form in it with Hidden inputs   set the form s action to the URL   Add iframe to document submit the form   Pseudocode   var ifr   document createElement  iframe     var frm   document createElement  form     frm setAttribute  action    yoururl     frm setAttribute  method    post         create hidden inputs  add them     not shown  but similar  create  setAttribute  appendChild    ifr appendChild frm    document body appendChild ifr    frm submit      You probably want to style the iframe  to be hidden and absolutely positioned   Not sure cross site posting will be allowed by the browser  but if so  this is how to do it

User · Answer

There is one more way  using html5 feature   You can use proxy iframe hosted on that other domain  you send message using postMessage to that iframe  then that iframe can do POST request  on same domain  and postMessage back with reposnse to the parent window   parent on sender com  var win      iframe   0  contentWindow  function get event        if  event origin      http   reciver com                event data is response from POST          if  window addEventListener       addEventListener  message   get  false    else       attachEvent  onmessage   get    win postMessage JSON stringify  url   URL   data        http   reciver com      iframe on reciver com  function listener event        if  event origin      http   sender com             var data   JSON parse event data             post data url  data data  function reponse                window parent postMessage reponse                               don t know if we can use jQuery here if  window addEventListener       addEventListener  message   listener  false    else       attachEvent  onmessage   listener

User · Answer

CORS is for you  CORS is  Cross Origin Resource Sharing   is a way to send cross domain request Now the XMLHttpRequest2 and Fetch API both support CORS  and it can send both POST and GET request  But it has its limits Server need to specific claim the Access-Control-Allow-Origin  and it can not be set to       And if you want any origin can send request to you  you need JSONP  also need to set Access-Control-Allow-Origin  but can be       For lots of request way if you don t know how to choice  I think you need a full functional component to do that Let me introduce a simple component https   github com Joker-Jelly catta    If you are using modern browser    IE9  Chrome  FF  Edge  etc    Very Recommend you to use a simple but beauty component https   github com Joker-Jelly catta It have no dependence  Less than 3KB  and it support Fetch  AJAX and JSONP with same deadly sample syntax and options   catta    data simple json   then function  res      console log res         It also it support all the way to import to your project  like ES6 module  CommonJS and even  lt script gt  in HTML

User · Answer

Create an iFrame   put a form in it with Hidden inputs   set the form s action to the URL   Add iframe to document submit the form   Pseudocode   var ifr   document createElement  iframe     var frm   document createElement  form     frm setAttribute  action    yoururl     frm setAttribute  method    post         create hidden inputs  add them     not shown  but similar  create  setAttribute  appendChild    ifr appendChild frm    document body appendChild ifr    frm submit      You probably want to style the iframe  to be hidden and absolutely positioned   Not sure cross site posting will be allowed by the browser  but if so  this is how to do it

User · Answer

Keep it simple   cross-domain POST  use crossDomain  true   shouldn t refresh the page   No  it will not refresh the page as the success or error async callback will be called when the server send back the response     Example script    ajax           type   quot POST quot           url   quot http   www yoururl com  quot           crossDomain  true          data   param1 value1 amp param2 value2           success  function  data                   do something with server response data                    error  function  err                   handle your error logic here

User · Answer

Check the post method function in http   taiyolab com mbtweet scripts twitterapi call js - a good example for the iframe method described above

User · Answer

Keep it simple   cross-domain POST  use crossDomain  true   shouldn t refresh the page   No  it will not refresh the page as the success or error async callback will be called when the server send back the response     Example script    ajax           type   quot POST quot           url   quot http   www yoururl com  quot           crossDomain  true          data   param1 value1 amp param2 value2           success  function  data                   do something with server response data                    error  function  err                   handle your error logic here

User · Answer

Create two hidden iframes  add  display  none   to the css style   Make your second iframe point to something on your own domain  Create a hidden form  set its method to  post  with target   your first iframe  and optionally set enctype to  multipart form-data   I m thinking you want to do POST because you want to send multipart data like pictures   When ready  make the form submit   the POST  If you can get the other domain to return javascript that will do Cross-Domain Communication With Iframes  http   softwareas com cross-domain-communication-with-iframes  then you are in luck  and you can capture the response as well     Of course  if you want to use your server as a proxy  you can avoid all this  Simply submit the form to your own server  which will proxy the request to the other server  assuming the other server isn t set up to notice IP discrepancies   get the response  and return whatever you like

User · Answer

Create an iFrame   put a form in it with Hidden inputs   set the form s action to the URL   Add iframe to document submit the form   Pseudocode   var ifr   document createElement  iframe     var frm   document createElement  form     frm setAttribute  action    yoururl     frm setAttribute  method    post         create hidden inputs  add them     not shown  but similar  create  setAttribute  appendChild    ifr appendChild frm    document body appendChild ifr    frm submit      You probably want to style the iframe  to be hidden and absolutely positioned   Not sure cross site posting will be allowed by the browser  but if so  this is how to do it

[javascript] How do I send a cross-domain POST request via JavaScript?

Examples related to javascript

Examples related to ajax

Examples related to cross-domain