Question

I’d like to load a portion of external website content using jQuery and AJAX, as I have read that you can do this. I’d only like to load a portion of the website as explained in this post iframe to Only Show a Certain Part of the Page .

I have full copyright permission to the site I’m trying to load.
Thanks,
etrey

Answer 1

For this you can create a div in your main page

<div id='iframediv'>
</div> 

Then in your JS code mention the following line

$('#iframediv').load('https://www.google.co.in #DIVNAME');

Here you have to replace https://www.google.co.in with the target URL. And replace DIVNAME with the target div id in the target page.

UPDATE:

This method will not work if you are accessing a page in different domain because of security issues. In that case you can do the following

1. create a New Server-side Page (say GetContent.aspx) in your web
   application (so that the domain will be same).
2. Then on server-side you can load the required page (from a different
   domain) and extract the required section. If you are not able to extract the section, load the complete page.
3. Then load this content to the New Server-side Page (say
GetContent.aspx)

4. Now you can show this GetContent.aspx using .load function. If you are using the complete page (without extracting) then use the following code for loading the required content div.

   $(‘#iframediv’).load(‘https://www.google.co.in #DIVNAME’);