Javascript/jquery Loading a specific div from another page

Question

im trying to load a specific div from a different webpage.

<div id="result">Loading</div>

<script>
        $( "#result" ).load("http://bte.gep.msess.gov.pt/pesquisa_avancada.php #boxinterior" );
        </script>

I already tried with jquery and with javascript but its not working properly, as it should. Any ideias? The #boxinterior is the div from the other website.

EDIT

its not showing me the div as it should and its giving me a

XMLHttpRequest cannot load http://bte.gep.msess.gov.pt/pesquisa_avancada.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

check this - stackoverflow.com/questions/20035101/…

Mike B
– Mike B

2016-10-31 13:04:40 +00:00
Commented Oct 31, 2016 at 13:04 — Mike B
– Mike B, Commented Oct 31, 2016 at 13:04

ryachza · Accepted Answer · 2016-10-31 13:05:06Z

3

Per your edit, you aren't allowed to client-side load content from other domains for security reasons.

If you want that content injected into your page, you should load it server side and include it with the response.

answered Oct 31, 2016 at 13:05

ryachza

4,54020 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

V.David Over a year ago

I already managed to show the full webpage with <object data="url"></object>. is it possible to just show a div from that object?

ryachza Over a year ago

@V.David I believe the issue there is that client-side you would not be allowed to script against the content inside an object or iframe etc., again for security reasons. The content you are loading would have to provide an API.

ryachza Over a year ago

@V.David Are you currently running any server-side logic? You should be able to execute a web request for the resource and then extract the target div and inject it in your page. Or set up an end-point on your server that simply passes that resource through (a proxy of sorts) and then the .load will be accessing your domain.

V.David Over a year ago

No im not, im using wordpress. But im just trying to make some tests with a normal html file. (Sorry if i said anything stupid, kinda newb)

ryachza Over a year ago

@V.David Really all good - everyone is new at some point, and this is an exceptionally common wall. If you're using WordPress, you should be able to use PHP to achieve what I described. You won't be able to do it with pure JavaScript without cooperation from the resource you're trying to consume.

|

Collectives™ on Stack Overflow

Javascript/jquery Loading a specific div from another page

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related