What is wrong with with my jQuery AJAX request?

Question

I am trying to make an jQuery $ajax GET request to an ASPX-page returning an XML document but is not able to get it to work. What am I doing wrong?

jQuery

$(document).ready(function() {
  $("#loading").show();
  $.ajax({
    type: "GET",
    url: "http://www.url.com/reports/xml.aspx",
    dataType: "xml",
    success: parseXml
});

function parseXml(xml) {
    $(xml).find("Year").each(function() {
    $("body").append( $(this).find("RevenueYear").text() + '<br />' });
}});

HTML

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body>

   </body>
</html>

XML

<root>
   <Year>
      <RevenueYear>2011</RevenueYear>
      <RevenueType>actual</RevenueType>
   </Year>
   <Year>
      <RevenueYear>2012</RevenueYear>
      <RevenueType>estimate</RevenueType>
   </Year>
</root>

api.jquery.com/jQuery.ajax: Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol. (en.wikipedia.org/wiki/Same_origin_policy) — user57508
– user57508, Commented Jul 30, 2012 at 18:30
@AndreasNiedermair That is the reason I could not get it to work. — unitario
– unitario, Commented Jul 30, 2012 at 18:35
@klick.klonk there's a similar question (stackoverflow.com/questions/11333885/…) which has a solution in it (php-web-proxy to avoid the same-origin-policy) — user57508
– user57508, Commented Jul 30, 2012 at 18:36

Community · Accepted Answer · 2017-05-23 12:21:14Z

2

Credit goes to BNL, who asked the crucial question!

According to the jQuery-documentation of jQuery.ajax()

Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.

Same-Origin-policy in depth

Some time ago, there was a similar question here on SO - the solution is pretty simple: Just create a web-proxy (PHP, ASP.NET, ...) to transfer the content @ server-side, so you avoid the same-origin-policy.

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Jul 30, 2012 at 18:40

user57508

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

Comments

gen_Eric · Accepted Answer · 2012-07-30 18:29:37Z

1

Your parseXml function has a few syntax errors. You have the wrong number of } and ).

It should be:

function parseXml(xml) {
    $(xml).find("Year").each(function() {
        $("body").append( $(this).find("RevenueYear").text() + '<br />');
    });
}

answered Jul 30, 2012 at 18:29

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Collectives™ on Stack Overflow

What is wrong with with my jQuery AJAX request?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related