Question

I feel like this is easy but I am missing something…

Using jQuery, I am trying to fetch a remote page (on a different server), capture the HTML contents, and inject that content into a hidden DIV. However, using either $.ajax or $.get results in a cross-site scripting error in FireFox.

Any suggestions? Code:

$.ajax({
    type: 'GET',
    url: "http://www.remote-url.com",
    dataType: 'html',
    success: function(data) {
        $('#put_here').empty().append(data);
    }
});

Thanks!

Chad

Answer 1

You can’t do that – the Same Origin Policy prevents it for security reasons (as you’ve found).

You need to run a proxy script on your own server that your JavaScript uses to fetch the content from the remote server on its behalf.