Question

What i basically want to do is to get content from a website and load it into a div of another website. This should be no problem so far.
The problem is, that the content that should be fetched is located on a different server and i have no source access to it.

I’d prefer a solution using JavaScript of jQuery.
Can i use a .htacces redirect to fetch the content from a remote server with client-side (js) techniques?

I will also go with other solutions though.
Thanks a lot in advance!

Answer 1

You can’t execute an AJAX call against a different domain, due to the same-origin policy. You can add a <script> tag to the DOM which points at a Javascript file on another domain. If this JS file contains some JSON data that you can use, you’re all set.

The only problem is you need to get at the JSON data somehow, which is where JSON-P callbacks come into the picture. If the foreign resource supports JSON-P, it will give you something that looks like

your_callback( { // JSON data } );

You then specify your code in the callback.

See JSONP for more.

If JSONP isn’t an option, then the best bet is to probably fetch the data server-side, say with a cron job every few minutes, and store it locally on your own site.