jQuery - POST XML string to server

Question

I'm manually constructing some XML to post to our server, I've validated the XML and it is valid and without error.

Here is my post:

$.ajax({
    type: 'POST',
    url: submitUrl,
    data: xmlString,
    dataType: 'text',
    beforeSend:function() {
        console.log(submitUrl);
    },
    success:function(data) {
        console.log(data);
    },
    error:function(error) {
        console.log(error);
    }
});

var xmlString is a text string containing XML, I can't post it publicly unfortunately but in essence it looks like:

var xmlString = '<?xml version="1.0" encoding="utf-8"?> ... '

The code is running on a web server, rather than locally, but all I seem to get is:

XMLHttpRequest cannot load <URL>. Origin <URL> is not allowed by Access-Control-Allow-Origin.

However the server is open not locked down to these types of requests so the post should be getting through however I get the above message each time.

Any ideas, things I can try, ways I can get better debug messages?

Is it possible that you're bresking the same origin policy with that request? Is the submit url on a differenr domain? — Claudio Redi
– Claudio Redi, Commented Jun 2, 2013 at 1:00
I don't think it's about open requests or closed or w/e. It's still cross domain request and it's not allowed. You should use JSONP technique for stuff like this. Or you do ajax request to your local php file then from that file you send xml string to new server and get back response and return to the ajax. — arma
– arma, Commented Jun 2, 2013 at 1:00

acdcjunior · Accepted Answer · 2013-06-02 01:05:49Z

Your code is actually attempting to make a Cross-domain (CORS) request, not an ordinary POST.

Modern browsers will only allow Ajax calls to pages in the same domain as the source HTML page.

In other words, whenever the HTML page that tries to make an Ajax request is not on the same domain as the target URL, the browser won't make the call (as you'd expect). Instead, it will try to make a CORS request.

You say:

(...) the server is open not locked down to these types of requests (...)

Debugging it better: Take a look at the network transaction (request being sent and response received) going on between the page and the server. (In Chrome it is F12 + Network tab.) If you look closely, the POST is never sent. Instead, an OPTIONS request is. The browser expects that the response contains a Access-Control-Allow-Origin header with the domain URL where the HTML page is deployed in. The response for the OPTIONS does not come or does not have those headers. Your browser then concludes such access is not allowed and thus the error.

Collectives™ on Stack Overflow

jQuery - POST XML string to server

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related