CODEWITHSUNDEEP
javascriptajaxjqueryrss
esafwan
esafwan

Reputation: 18029

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.*

Upvotes: 0

Views: 501

Answers (2)

St&#233;phane
St&#233;phane

Reputation: 2108

As Pekka mentioned, we guess your problem is that Ajax cannot make request on other domain URLs. You have to use server-side script for that.

Example of small php server-side script for testing (from Jquery Minime Feed library):

<?php
header('Content-type: text/xml; charset=utf-8');
$url = htmlspecialchars($_GET['url']);
echo file_get_contents('http://'.$url,0); 
?>

Then you can call something like

$.ajax({
    accept: 'application/rss+xml',
    url: 'http://youserver/getfeed.php?url=http://www.madhyamam.com/taxonomy/term/19/rss.xml',
});

However, it seems you want to show rss feed in your page. I went to same issue and ended using Jquery Minime Feed library, which help you doing the job:

$('#test1').minimeFeed('http://index.hu/24ora/rss/');

Automatically use server-side script if needed, and produce quite nice output. See demo here

Upvotes: 0

Pekka
Pekka

Reputation: 449605

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.

Upvotes: 7

Related Questions