Question

Lets say I have example.html and inside that i have a code like

<iframe src="x.com" id="x"></iframe>

from x.com, I would like to get everything inside

<div class="content">...</div> 

into example.html inside

<div class="xCodes">ONTO HERE</div>

So I tried to get the elements inside x.com to show up on example.html and I heard it’s not possible to access them for cross domain problems.

I was wondering if there was another way to retrieve HTML tags from x.html into example.html

Maybe without using <iframe />??

Answer 1

Sourced from: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

$('.xCodes').load('http://x.com/x.html');

OR

$.ajax({
    url: 'http://x.com/x.html',
    type: 'GET',
    success: function(res) {
        var data = $(res.responseText).find('.content').text();
        $('.xCodes').html(data);
    }
});