CODEWITHSUNDEEP
phpjavascriptjqueryweb-scraping
sebas
sebas

Reputation: 742

How to load a certain div of an external webpage on another webpage that is on a different domain

How can you load a certain div of a webpage on another webpage that resides on a different domain.

I have tried this: 

<div id="m"></div>
<script>$('#m').load('http://something.com #divname');</script>

But it doesnt work when the page to load is on another domain

Upvotes: 3

Views: 3126

Answers (2)

Zac
Zac

Reputation: 12836

This mod for jQuery allows you to do just that. Check it out! It uses YQL to allow cross domain requests.

Once you get the request it appears as JSON which you can parse out through ajax. This is one way I have used it :

$.ajax({
    url: 'http://something.com',
    type: 'GET',
    success: function(res) {
        var loadIt = $j(res.responseText).find('#divname').html();
        $('#m').html(loadIt);
    }
});

But I think you can also simply do it using the .load as is shown on that link.

Upvotes: 6

Samyak Bhuta
Samyak Bhuta

Reputation: 1254

You need to use a technique called web scraping on your server side.

Almost all server side programming languages have a library to do this. If you are familiar with JavaScript you can use node.js. Once you have the div you require scraped and available, you can serve it to the client using Ajax which can also be done easily with node.js.

For more, look at this article.

Upvotes: 0

Related Questions