Search code examples
javascriptajaxjqueryrss

Jquery Ajax doesnt work

I have the following div in my html

<div class="result">loading</div>

And my javascript is as follows.

$(document).ready(function() {
      $.ajax({
          accept: 'application/rss+xml',
          url: 'http://www.madhyamam.com/taxonomy/term/19/rss.xml',
          success: function(data) {
            $('.result').html(data);
         }
    });
});

But for some reasons.. it doesnt seems to work.

In jsfiddle

XML returned(firebug):

XML Parsing Error: no element found Location: moz-nullprincipal:{9ec69805-af82-4f95-979a-f8e68d415124} Line Number 1, Column 1:

^

Solution *I bye-passed the problem using yahoo pipe. And it worked fine.*

Solution

  • You can't make Ajax requests to URLs that have not the same domain, port and protocol as the current page. The Same Origin Policy forbids it.

    The most common workaround is having a server-side script that pulls the content, and serves it through Ajax.