Add another Website to my Page on load using jQuery

Question

I want to add another wesbite on my webpage.

<script>
$("#new-nav").load("https://google.com");
</script>

This is exactly what I would like to achieve. I would like to load another page using an url on my current page

 <script>
    $("#new-nav").load("http://localhost:8080/xyz/page");
    </script>

but it's not working..

<div id="new-nav"></div>

How do I achieve this? I would like a jQuery solution.

possible duplicate of [Ways to circumvent the same-origin policy](http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy) — Quentin, May 02 '13 at 08:28
Check in `browser` that this url `http://localhost:8080/xyz/page` is running individually — Rohan Kumar, May 02 '13 at 08:28

Suresh Atta · Accepted Answer · 2013-05-02T08:32:49.827

1

on load add another website

your secure browser won't accept in that way. you are doing a wrong thing and violating the origin policy

use something like

$('#new-nav').html('<iframe src="http://localhost:8080/xyz/page"></iframe>');

If it is your same site

check localhost:8080/xyz/page is working or not and wrap your code in document.ready function.other wise your script wont fire.

edited May 02 '13 at 08:32

answered May 02 '13 at 08:27

Suresh Atta

120,458
37
198
307

the current page is from my website only so i want this page on another page section – supersaiyan May 02 '13 at 08:29
@SachinRawal see my updated answer.let me nknow if you still face any problem. – Suresh Atta May 02 '13 at 08:35
perfect...thats what i wanted to do..actully want to avoid iframe but yes as i can see there no other option i guess – supersaiyan May 02 '13 at 08:42

score 0 · Answer 2 · answered May 02 '13 at 08:28

0

It looks like the issue may be due to the .load request being an AJAX request. If it is in a different domain, it will not load correctly.

More Info on jQuery .load

answered May 02 '13 at 08:28

Turnerj

4,258
5
35
52

score 0 · Answer 3 · answered May 02 '13 at 08:32

0

You can try something like this:

<iframe id='otherSite'></iframe>

<script type='text/javascript'>
    $(document).ready(function()
    {
        $('#otherSite').load('http://localhost:8080/xyz/page');
    });
</script>

answered May 02 '13 at 08:32

Þaw

2,047
4
22
39

Add another Website to my Page on load using jQuery

3 Answers3