Using Javascript to POST xml to api

Question

I'm trying to post XML data and then do a redirect to the current page, but I can't seem to get it to work.

When I do this:

<form action="http://onehouse.freshdesk.com/helpdesk/tickets.xml" method="post">

it works and posts the data to the website that I want it to.

However, it leads the user to an XML page so I want to post it and then have it redirect to my current contact form page and have a success message of some kind.

I've tried using:

  function loadXMLDoc()
  {
  var xmlhttp;
  if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
  else
    {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST","http://onehouse.freshdesk.com/helpdesk/tickets.xml",true);
  xmlhttp.send();
  }

I don't get any errors in my console, but it does not post to the the freshdesk website like I want it to. Does anyone know what I'm doing wrong?

Take the data from the form and send it in the request.

Musa
– Musa

2013-07-31 17:24:24 +00:00
Commented Jul 31, 2013 at 17:24 — Musa
– Musa, Commented Jul 31, 2013 at 17:24

Marco Bettiolo · Accepted Answer · 2013-07-31 18:07:48Z

1

This is an example on how to post with jQuery:

var data = 
    '<helpdesk_ticket>' +
    '<description>This is a test</description>' +
    '<email>[email protected]</email>' + 
    '</helpdesk_ticket>'
$.support.cors = true;
$.ajax({
    url: 'http://onehouse.freshdesk.com/helpdesk/tickets.xml',
    type: 'POST',
    crossDomain: true,
    data: data,
    dataType: 'text',
    username: 'username1',
    password: 'password1',
    success: function (result) {
        alert(result);
    },
    error: function (jqXHR, tranStatus, errorThrown) {
        alert(
            'Status: ' + jqXHR.status + ' ' + jqXHR.statusText + '. ' +
            'Response: ' + jqXHR.responseText
        );
    }
});

edited Jul 31, 2013 at 18:07

answered Jul 31, 2013 at 17:29

Marco Bettiolo

5,1816 gold badges34 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

15 Comments

Marco Bettiolo Over a year ago

I just tested my script on a different domain and it works (jsfiddle.net/U47Nw) onehouse.freshdesk.com does not allow Cross-Domain requests

Ricky Ahn Over a year ago

thanks for the reply but i get this error message when trying to implement that code XMLHttpRequest cannot load onehouse.freshdesk.com/helpdesk/tickets.xml. Origin localhost:3000 is not allowed by Access-Control-Allow-Origin.

Marco Bettiolo Over a year ago

@RickyAhn onehouse.freshdesk.com does not allow you to post data to their page because they do not have the "Access-Control-Allow-Origin: *" header set. Reference: en.wikipedia.org/wiki/Cross-origin_resource_sharing

Ricky Ahn Over a year ago

do you think somewhere in the code i have to add the api key and password? would that be the issue?

Marco Bettiolo Over a year ago

@RickyAhn I cannot see the header in the Response. It could be that we are getting the 406 error response because of missing parameters and the header is not being added. You should try to set the required parameters in the request and see if it accepts a CORS POST.

|

tobspr · Accepted Answer · 2013-07-31 17:27:10Z

0

As you tagged jQuery, here's a jQuery solution which should work (I did not test it):

$.post("http://onehouse.freshdesk.com/helpdesk/tickets.xml", {
   // any parameters here 
}, function(data) {
      document.getElementById("myDiv").innerHTML=data;
})

You still have to specify the parameters, but as you did not provide your form html, I left it empty. Also have a look at the api: jQuery.post

answered Jul 31, 2013 at 17:27

tobspr

8,4265 gold badges36 silver badges48 bronze badges

2 Comments

Ricky Ahn Over a year ago

thanks for the reply when i tried it out i got this error in the console XMLHttpRequest cannot load onehouse.freshdesk.com/helpdesk/tickets.xml. Origin localhost:3000 is not allowed by Access-Control-Allow-Origin.

tobspr Over a year ago

Yeah, I did not think about the cross domain .. try @MarcoBettiolo's solution, which does exactly the same, but should work for cross-site requests. Or you upload it, then it might work.

Collectives™ on Stack Overflow

Using Javascript to POST xml to api

2 Answers 2

15 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

15 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related