{"id":3146690,"date":"2012-10-26T13:53:53","date_gmt":"2012-10-26T13:53:53","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/cross-domain-ajax-request\/"},"modified":"2016-08-20T16:59:43","modified_gmt":"2016-08-20T16:59:43","slug":"cross-domain-ajax-request","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/cross-domain-ajax-request\/","title":{"rendered":"Cross-Domain Ajax request"},"content":{"rendered":"

Hi everybody. I try to send an ajax-request to a different server than where my wordpress installation is hosted. This site returns a xml file which I need to process.<\/p>\n

So this is the originial form how to snd things to the provider:<\/p>\n

<h3>Step 2: XML authorizeSplit (server-2-server request)<\/h3>\n\t        <form action="https:\/\/...\/file.jsp" method="post" target="_parent">\n\t            <fieldset>\n\t                <textarea style="width: 400px; height: 150px;" name="xmlRequest" id="xml-request"><\/textarea>\n\n\t                <div>\n\t                \t<input type="submit" class="button" value="send" id="submit_payment" \/><span class="buttend"><\/span>\n\t                <\/div>\n\t            <\/fieldset>\n\t        <\/form><\/code><\/pre>\n
So I reformulated this into a typical wordpress ajax call:<\/p>\n
jQuery Code:<\/p>\n
$('#step2 #submit_payment').click(function() {\n\n\t\t\t\tvar xmlRequest = $('#step2 #xml-request').val();\n\t\t\t\tvar ajax_url = $('#step2').find('input[name="ajax_url"]').attr('value');\n\n\t\t\t\t$.ajax({\n\t\t\t\t\ttype: 'POST',\n\t\t\t\t\tdata: 'action=redirect_to_external&xml_request=' + xmlRequest,\n\t\t\t\t\turl: ajax_url,\n\t\t\t\t\t\/\/async: false,\n\t\t\t\t\tbeforeSend: function() {\n\t\t\t\t\t\t\/\/ display loading animation container\n\t\t\t\t\t},\n\t\t\t\t\terror: function(responseData, textStatus, errorThrown) {\n\t\t\t\t\t\talert(textStatus);\n\t\t\t\t\t},\n\t\t\t\t\tsuccess: function(data) {\n\n\t\t\t\t\t\talert(data);\n\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t});<\/code><\/pre>\n
PHP function the ajax request refers to:<\/p>\n
function redirect_to_external() {\n\n\t$xml_request = $_POST['xml_request'];\n\theader("Location: https:\/\/...\/file.jsp?xmlRequest=".urlencode($xml_request));\n\n}\nadd_action('wp_ajax_redirect_to_external', 'redirect_to_external');\nadd_action('wp_ajax_nopriv_redirect_to_external', 'redirect_to_external');<\/code><\/pre>\n
So the callback is always giving me an error. But in general the ajax call works locally. In case I replace the header statement inside my php function and just echo some text, this is returned. So my question is how can I send my xml request to the external server. Is there any chance to do it this way or do I have to setup a proxy functionality or something else?<\/p>\n
Any hints are very welcome.
\nThanks in advance.<\/p>\n
Cheers, kool<\/p>\n","protected":false},"template":"","class_list":["post-3146690","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/3146690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/3146690\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=3146690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}